Forms
Inline Select
A compact select meant to sit inline within a sentence of text.
Usage
Installation
npx wunderui-cli add inline-selectWrites the source into your project with its dependencies and, on first use, the styles — see Installation.
Then import what you need:
import {
InlineSelect,
InlineSelectContent,
InlineSelectItem,
InlineSelectTrigger,
InlineSelectValue,
} from "@/components/ui/inline-select"Examples
Sort order
A borderless select that sits in a sentence or toolbar — click to change.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Activity filter
Two selects inside a sentence filter the activity list below.