Component

Native Select

A styled native <select>. Reach for it when the platform's own picker is wanted - on mobile especially - and Select when the listbox should match the rest of the UI.

Basic

Sizes

The same sm / md / lg heights as Input.

Inside a FormField

Fruit

States

It renders a real <select>, so the OS picker, form submission and autofill all behave natively

API reference

Prop	Type	Default	Description
invalid	boolean	None	Paints the error state. Pair with `FormField`'s `error` for the message.
size	ComponentSize	"md"	Control height, matching `Input` at the same value.

invalidNone

boolean

Paints the error state. Pair with `FormField`'s `error` for the message.

size"md"

ComponentSize

Control height, matching `Input` at the same value.

Also accepts everything from Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size">.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent