Components

Spinner (Radix UI)

Loading indicator with customizable size, color, and animation speed.

Loading

Installation

pnpm dlx shadcn@latest add @toui/select

Examples

Size

Loading

Input Group

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

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.