--- ## NoteList Wraps a series of `Note` rows in the standard documentation card. Row separators and the first/last row padding are handled by the component, so adding or reordering a note never means fixing the spacing of its neighbours. **Import:** `import { NoteList } from '@urbicon-ui/docs';` ### Examples ```svelte The trigger carries `aria-expanded`. Arrow keys move between items, Escape closes. ``` ### Variants - variant: card, flush (default: card) ### Api | Prop | Type | Required | Default | Description | | --- | --- | :---: | --- | --- | | ...HTMLAttributes | `HTMLAttributes` | no | | HTML attributes (excluding: 'children') | | ...NoteListVariantProps | `VariantProps` | no | | Styling variants from NoteListVariantProps | | children | `Snippet` | no | | The `Note` rows. Anything else renders too, but loses the row padding the separators are calibrated against. | | class | `string` | no | | Extra classes merged onto the root element. | | slotClasses | `Partial>` | no | | Per-slot class overrides for internal elements. | | unstyled | `boolean` | no | | Strip all default styles; combine with `slotClasses` to rebuild from scratch. | | variant | `'card' | 'flush'` | no | card | Controls the visual style and presentation of the NoteList. Determines the component's visual treatment. Available options: card, flush. | Inherited from: - NoteListVariantProps (external) - Omit, 'children'> (omit-pattern) ### Slots (slotClasses keys) `root`, `list`