Recipes

Copy a definition into your project, change its import to variacss, and register it in your plugin's components array.

Recipes provide styles and example markup. Your application handles interactions and accessibility. For example, it must manage dialog focus and menu keyboard navigation.

Pattern	Recipes
Variants and compounds	Button, icon button
Base and state styles	Card, form input, spinner
CSS variable overrides	Avatar
Slots	Dropdown, modal
Responsive layout	Grid