Skip to content
Docs
Components
Forms
Select

Select

The Select component with collection of predefined options is used to pick a value.

Imports

import {
  Select,
  SelectBase,
  SelectPrefix,
  SelectSuffix,
  useSelectProps,
  useSelectState,
  SelectWrapper,
} from "@renderlesskit/react-tailwind";
💡

A complex component that supports customization as per the composition guide.

Usage

Select Variants

Variants can be set using the variant prop. The default variant is outline. The available variants are: outline subtle underline & ghost

Select sizes

Sizes can be set using the size prop. The default size is md. The available sizes are: sm md lg xl

Select Prefix

Comes only with prefix prop to append any content inside the Select. Also you can change the default suffix component aswell.

API Reference

Prop

Type

Default

sizeunionmd
variantunionoutline
disabledbooleanfalse
invalidbooleanfalse
loadingbooleanfalse
prefixReact.ReactNode-
suffixReact.ReactNode-
spinnerReact.ReactNode-