Tremorx
Ui
Select
Quick search...
⌘K
Storybook
Getting Started
Examples
Ui
Badge
Bold
Button
Callout
Card
Col
Divider
Flex
Grid
Italic
Legend
List
Menu
Metric
Select
Subtitle
Tab
Table
Text
Text Input
Textarea
Title
Tooltip
Visualizations
- 0.6.3
Getting Started
Getting Started
Core Components
Examples
Core Components
Table
Examples
Table
Badge
Ui
Badge
Bold
Ui
Bold
Button
Ui
Button
Callout
Ui
Callout
Card
Ui
Card
Col
Ui
Col
Divider
Ui
Divider
Flex
Ui
Flex
Grid
Ui
Grid
Italic
Ui
Italic
Legend
Ui
Legend
List
Ui
List
Menu
Ui
Menu
Metric
Ui
Metric
Select
Ui
Select
Subtitle
Ui
Subtitle
Tab
Ui
Tab
Table
Ui
Table
Text
Ui
Text
Text Input
Ui
Text Input
Textarea
Ui
Textarea
Title
Ui
Title
Tooltip
Ui
Tooltip
Area Chart
Visualizations
Area Chart
Bar Chart
Visualizations
Bar Chart
Donut Chart
Visualizations
Donut Chart
Line Chart
Visualizations
Line Chart
Select
Stories
Playground
Source
Stories
Playground
Source
Allows users to pick one value from a range of predefined items.
Preview
Code
Select...
Audi
BMW
Mercedes
Toyota
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
class
:string
placeholder
:string
"Select..."
on_change
%JS{}
Action triggered when item is selected
value
:string
default_value
:string
disabled
:boolean
false
required
:any
false
enable_clear
:boolean
true
rest
:global
id
:string
"select"
name
:string
enter
:string
CSS class to apply on enter transition
"transition ease duration-100 transform"
enter_from
:string
CSS class to apply on enter from
"opacity-0 -translate-y-4"
enter_to
:string
CSS class to apply on enter to
"opacity-100 translate-y-0"
leave
:string
CSS class to apply on leave transition
"transition ease duration-100 transform"
leave_from
:string
CSS class to apply on leave from
"opacity-100 translate-y-0"
leave_to
:string
CSS class to apply on leave to
"opacity-0 -translate-y-4"
icon
:slot
[Multiple values]
item
:slot
[Multiple values]
Open a variation
Default with icon
Select with search
Multi select with search