opinion
ShapeGallery
A searchable, categorised palette of shapes with favourites, for picking one to drop on a canvas.
Depot signage shapesSearch, switch category, star the ones you reuse
Roundel
Arrow right
No favorites yet — star a shape to add it here.In context
Fascia editorPick a shape on the left, see it on the canvas
Arrow right
depot-fascia-final.pdfDepot signage, 21 Nov
Selected: Arrow right
Props
| Prop | Type | Required | Default |
|---|---|---|---|
items | ShapeGalleryItem[] | Yes | — |
favoriteIds | string[] | undefined | No | — |
defaultFavoriteIds | string[] | undefined | No | — |
onFavoriteIdsChange | ((ids: string[]) => void) | undefined | No | — |
onSelect | (item: ShapeGalleryItem) => void | Yes | — |
searchPlaceholder | string | undefined | No | Search shapes... |
data-rebar-* attributes
data-rebar-component="shape-gallery"; parts include swatch, preview, label, and favorite-toggle.
Migrating to Ant Design
Not codemod-covered — compose AntD's own Tabs + a plain grid of clickable cards directly.