View Source Tremorx.Components.Select (tremorx v0.1.0)
Renders select and select item
Summary
Functions
Allows users to pick one or more values from a range of predefined items.
Allows users to search or select one value from a range of predefined items.
Allows users to pick one value from a range of predefined items.
Functions
Allows users to pick one or more values from a range of predefined items.
Attributes
class
(:string
) - Defaults tonil
.placeholder
(:string
) - Defaults to"Select..."
.placeholder_search
(:string
) - Defaults to"Search"
.on_change
(JS
) - Action triggered when item is selected. Defaults tonil
.value
(:string
) - For a list of values separate each item by select_join_by. Defaults tonil
.default_value
(:string
) - For a list of values separate each item by select_join_by. Defaults tonil
.disabled
(:boolean
) - Defaults tofalse
.required
(:any
) - Defaults tofalse
.enable_clear
(:boolean
) - Defaults totrue
.id
(:string
) - Defaults to"multiselect"
.name
(:string
) - Defaults tonil
.select_join_by
(:string
) - The joiner to use when submitting selected items via input field. Defaults to"|"
.enter
(:string
) - CSS class to apply on enter transition. Defaults to"transition ease duration-100 transform"
.enter_from
(:string
) - CSS class to apply on enter from. Defaults to"opacity-0 -translate-y-4"
.enter_to
(:string
) - CSS class to apply on enter to. Defaults to"opacity-100 translate-y-0"
.leave
(:string
) - CSS class to apply on leave transition. Defaults to"transition ease duration-100 transform"
.leave_from
(:string
) - CSS class to apply on leave from. Defaults to"opacity-100 translate-y-0"
.leave_to
(:string
) - CSS class to apply on leave to. Defaults to"opacity-0 -translate-y-4"
.- Global attributes are accepted.
Slots
icon
item
Allows users to search or select one value from a range of predefined items.
Attributes
class
(:string
) - Defaults tonil
.placeholder
(:string
) - Defaults to"Select..."
.on_change
(JS
) - Action triggered when item is selected. Defaults tonil
.value
(:string
) - Defaults tonil
.default_value
(:string
) - Defaults tonil
.disabled
(:boolean
) - Defaults tofalse
.required
(:any
) - Defaults tofalse
.enable_clear
(:boolean
) - Defaults totrue
.id
(:string
) - Defaults to"select"
.name
(:string
) - Defaults tonil
.error
(:boolean
) - Defaults tofalse
.error_message
(:string
)enter
(:string
) - CSS class to apply on enter transition. Defaults to"transition ease duration-100 transform"
.enter_from
(:string
) - CSS class to apply on enter from. Defaults to"opacity-0 -translate-y-4"
.enter_to
(:string
) - CSS class to apply on enter to. Defaults to"opacity-100 translate-y-0"
.leave
(:string
) - CSS class to apply on leave transition. Defaults to"transition ease duration-100 transform"
.leave_from
(:string
) - CSS class to apply on leave from. Defaults to"opacity-100 translate-y-0"
.leave_to
(:string
) - CSS class to apply on leave to. Defaults to"opacity-0 -translate-y-4"
.- Global attributes are accepted.
Slots
icon
item
Allows users to pick one value from a range of predefined items.
Attributes
class
(:string
) - Defaults tonil
.placeholder
(:string
) - Defaults to"Select..."
.on_change
(JS
) - Action triggered when item is selected. Defaults tonil
.value
(:string
) - Defaults tonil
.default_value
(:string
) - Defaults tonil
.disabled
(:boolean
) - Defaults tofalse
.required
(:any
) - Defaults tofalse
.enable_clear
(:boolean
) - Defaults totrue
.id
(:string
) - Defaults to"select"
.name
(:string
) - Defaults tonil
.enter
(:string
) - CSS class to apply on enter transition. Defaults to"transition ease duration-100 transform"
.enter_from
(:string
) - CSS class to apply on enter from. Defaults to"opacity-0 -translate-y-4"
.enter_to
(:string
) - CSS class to apply on enter to. Defaults to"opacity-100 translate-y-0"
.leave
(:string
) - CSS class to apply on leave transition. Defaults to"transition ease duration-100 transform"
.leave_from
(:string
) - CSS class to apply on leave from. Defaults to"opacity-100 translate-y-0"
.leave_to
(:string
) - CSS class to apply on leave to. Defaults to"opacity-0 -translate-y-4"
.- Global attributes are accepted.
Slots
icon
item