UI component
DropDown
DropDown is a select-style field for curated choices, with labels, validation states, and optional custom rendering for richer options.
Installation
Install the package in your app.
pnpm add @rapidset/rapidkitUsage
Import components from the package entrypoint.
import { DropDown } from '@rapidset/rapidkit';Examples
Preview the component and copy the snippet.
API Reference
Commonly used props at a glance.
| Prop | Description |
|---|---|
| options | Supplies the available label and value pairs. |
| value | Controls the currently selected option. |
| onChange | Receives the next selected value. |
| label and placeholder | Gives the field a visible title and a helpful empty state. |
| renderOption | Lets you add icons or supporting text inside the option list. |
| helperText and error | Explains the field and surfaces validation feedback clearly. |
Accessibility
The trigger announces invalid state when needed and keeps the field label and required marker visible to all users.
Optional access rules
Optional access rules let the control stay hidden or visible-but-disabled based on what the current user is allowed to do.