Components
DropdownToken
StablePill-shaped dropdown trigger with secondary background. Displays a leading icon, title, subtitle, and trailing chevron. Toggle icon slots with hasLeadingIcon and hasTrailingIcon. Pairs with SelectList for dropdown behavior.
With icon & label
Convert in
Without leading icon
Without trailing icon
Usage
import { DropdownToken } from "@mnee-ui/ui"<DropdownToken label="Token" icon={<TokenIcon token={selected.symbol} />} title={selected.name} subtitle={selected.symbol} isOpen={dropdownOpen} onClick={() => setDropdownOpen(!dropdownOpen)}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Section label above the trigger (e.g. "Convert in") |
| hasLabel | boolean | true | Show/hide the label |
| icon | React.ReactNode | Coins icon | Leading icon content (e.g. TokenIcon). Falls back to a placeholder coins icon when omitted |
| hasLeadingIcon | boolean | true | Show/hide the leading icon slot |
| hasTrailingIcon | boolean | true | Show/hide the trailing chevron |
| title | string | — | Primary text (14px medium) |
| subtitle | string | — | Secondary text (14px medium, muted) |
| isOpen | boolean | false | Rotates chevron 180° when open |
| className | string | — | Additional classes on wrapper div |