Components
SelectList
StableScrollable options list with token icons, title, and subtitle per row. Selected item shows a checkmark. Pairs with DropdownToken but works independently. Rounded 2xl container with secondary background and shadow.
Interactive
Usage
import { SelectList } from "@mnee-ui/ui"<SelectList options={tokenOptions} selectedId={selectedToken} onSelect={(opt) => setSelectedToken(opt.id)} maxHeight="300px"/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| options | SelectOption[] | — | Array of { id, icon?, title, subtitle? } |
| selectedId | string | — | Currently selected option ID (shows checkmark) |
| onSelect | (option: SelectOption) => void | — | Callback when an option is clicked |
| maxHeight | string | "400px" | Max height before scrolling |
| className | string | — | Additional container classes |