Components

Dropdown

A fully custom dropdown menu: the popup is rendered by MarclayUI — styled, animated and keyboard-driven — never the browser's native option list. Use it when Select's native menu isn't enough.

tsx

import { Dropdown } from "marclayui";

Single select

Assign to

Multiple with checkboxes

Skills

Pick as many as you need.

Sizes & block

Disabled items

Keyboard first: open with Enter, Space or ArrowDown, navigate with the arrows, select with Enter, close with Escape. The menu closes on outside clicks and the highlight follows the mouse.

Prop	Type	Default	Description
`items`	`DropdownItem[]`	—	{ value, label, disabled? } — rendered in the custom popup.
`multiple`	`boolean`	false	Multi-select; the menu shows checkbox marks and stays open.
`value / defaultValue`	`string \| string[]`	—	Controlled selection, or uncontrolled initial value(s).
`onChange`	`(value: string \| string[]) => void`	—	Fires on every selection change.
`placeholder`	`string`	"Select…"	Trigger text when nothing is selected.
`label / hint`	`React.ReactNode`	—	Field chrome above / below the trigger.
`size`	`"sm" \| "md" \| "lg"`	"md"	Trigger and menu scale.
`block`	`boolean`	false	Full-width trigger and menu.