---
## 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`