[
    {
        "name": "pnp-sp-dev-spfx-web-parts-react-palette-picker",
        "source": "pnp",
        "title": "Palette Picker",
        "shortDescription": "Custom Property Pane pain resolved (whew), color palette generator inspired by [Jhey](https://codepen.io/jh3y/pen/rNjbmBQ?editors=0011).",
        "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-palette-picker",
        "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-palette-picker",
        "longDescription": [
            "Built it to get an understanding of [Property Pane Portal](https://www.npmjs.com/package/property-pane-portal) and cuz I want to eventually build in a dynamic palette generator/css reader for my web parts."
        ],
        "creationDateTime": "2022-08-01",
        "updateDateTime": "2022-08-01",
        "products": [
            "SharePoint"
        ],
        "metadata": [
            {
                "key": "CLIENT-SIDE-DEV",
                "value": "React"
            },
            {
                "key": "SPFX-VERSION",
                "value": "1.13.1"
            }
        ],
        "thumbnails": [
            {
                "type": "image",
                "order": 100,
                "url": "https://raw.githubusercontent.com/pnp/sp-dev-fx-webparts/main/samples/react-palette-picker/assets/palettePickerWebPart.gif",
                "alt": "Web Part Preview"
            },
            {
                "type": "image",
                "order": 200,
                "url": "https://raw.githubusercontent.com/pnp/sp-dev-fx-webparts/main/samples/react-palette-picker/assets/palettePickerWebPartAfterSaveAndRefresh.gif",
                "alt": "Web Part Preview"
            }            
        ],
        "authors": [
            {
                "gitHubAccount": "flowerbot",
                "pictureUrl": "https://github.com/flowerbot.png",
                "name": "Linda K"
            }
        ],
        "references": [
            {
                "name": "Build your first SharePoint client-side web part",
                "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
                "url": "https://learn.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
            }
        ]
    }
]