Supabase UI is deprecated

Select

Installing

Install the component

npm install @supabase/ui

Getting started

Import the component

import { Select } from '@supabase/ui'

Basic

Use the parent component with the subcomponent inside for the options. Labels and descriptions can be added the the parent Select component.

Loading

Controlled

This is a work in progress..

Loading

Error

Loading

Icon

Insert any Icon from the Supabase UI library.

Loading

Option group

OptGroup can be used to split up the Options inside the Select.

Loading

API reference

Select

PropertyType
actionsReact.ReactNode
autoCompletestring
autofocusboolean
childrenReact.ReactNode
classNamestring
descriptionTextstring
disabledboolean
errorstring
iconany
idstring
inputRefstring
labelstring
labelOptionalstring
layoutTBC
namestring
placeholderstring
requiredboolean
revealboolean
sizeTBC
styleCSSProperties
typeTBC
valueany
onBlurTBC
onChangeTBC
onFocusTBC

Select.Option

coming soon

Select.OptGroup

coming soon