A pick from a list in one row
The name sits on the left and the chosen option and a chevron on the right. It is the library Dropdown with its trigger dressed as an inspector bar, so the menu, its keyboard model and its per-option font previews are Dropdown’s own. A click anywhere on the bar, the name included, opens the menu.
Sizes
The size prop matches Button’s: default is 40px tall and compact is 32px.
Font previews
Give an option a font and its row renders in that face, as in Dropdown. The selected option’s face carries into the bar, so a typeface picker previews the current choice where it sits.
Placeholder
With no value set, the bar shows the placeholder on the right.
Disabled
When to use it
Use the inspector dropdown for a pick from a short list in a dense panel, usually inside an inspector section, whose open body lets the menu open past its edge. For a form field with a label above and helper text below, use Dropdown itself.
// From the npm package
import { InspectorDropdown } from 'rift-ds/components/InspectorDropdown/InspectorDropdown';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/inspector-dropdown.json