ReUI
Components

Select

Displays a list of options for the user to pick from—triggered by a button.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/select.json

Examples

Default

Loading

Group

Loading

Disabled

Loading

Disabled Option

Loading

Size

Loading

Indicator Position

Loading

Custom Indicator

Loading

Icon

Loading

Status

Loading

Badge

Loading

Avatar

Loading

Form

Loading

API Reference

This component is built using Radix UI Select primitives. For detailed information, please visit the full API reference.

Select

This component is based on the Select.Root primitive and includes the following custom props:

PropTypeDefault
indicatorPosition enum "left"
indicatorVisibility booleantrue
indicator ReactNode

SelectTrigger

This component is based on the Select.Trigger primitive and includes the following custom props:

PropTypeDefault
size enum "md"
className string

SelectContent

This component is based on the Select.Content primitive and includes the following custom props:

PropTypeDefault
position "popper""popper"

Credits

  • Used Radix UI for the select component.
PreviouseScrollspyNextSeparator