Fabrials UI

Loading state

Picked: none

Installation

Import the control from @fabrials/ui, after setting the app up.
TypeScript
```
import { SuggestionCard, SuggestionGrid } from "@fabrials/ui";
```

API reference

Prop / export	Type	Description
`title`	`ReactNode`	The prompt.
`description`	`ReactNode`	A short explanation. Clamps at two lines.
`icon`	`ReactNode`	Optional leading icon.
`onClick`	`() => void`	Each card is a button and accepts disabled.
`columns`	`1 \| 2 \| 3 \| 4`	SuggestionGrid columns on wide screens.

Behavior

Give the grid an aria-label. What a suggestion does is up to the host.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.