Icons
The dashboard’s icon set is Mynaui (@mynaui/icons-react), in the starter’s dependencies. Solid variants by default; the plain stroked variant only for arrows, chevrons, the x and the plus, where a filled shape would be a blob. Header-bar actions take these by name; everywhere else, import the component.
Click an icon to copy its import. Showing the first 150 matches.
tsx
import { PlusSolid, TrashSolid, ArrowLeft, ChevronRight } from '@mynaui/icons-react'
<Button><PlusSolid />New</Button> // 16px inside a button, set by the button
<TrashSolid className="size-4 text-muted-foreground" />Rules
- 16px in buttons, menus and rows; 18px in navigation; 36px in empty-state clusters.
- Icons dim by opacity inside rows and menus, never by a fixed grey, so they follow the row’s own colour.
- An icon beside a label never replaces the label. Icon-only controls carry a tooltip and an
aria-label.