Tree Select

Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

additional CSS classes

name :string

form field name

field %FormField{}

a form field struct retrieved from the form

options :list

tree of option maps with :value, :label, optional :children, :disabled, :icon

[]
selected :list

list of selected values

[]
expanded :list

list of expanded node values

[]
placeholder :string

placeholder text

open :boolean

optional server-controlled visibility; omit for browser-owned command state

multiple :boolean

enable multi-select with checkboxes

false
size :string

size variant

variant :string

visual style variant

error :boolean

show error state

false
errors :list

list of error messages to display

[]
disabled :boolean

disable the component

false
loading :boolean

show loading state

false
searchable :boolean

show search input in dropdown

false
clearable :boolean

show clear button

false
show_path :boolean

show selected item path in trigger

false
empty_text :string

text when no options

"No options available"
search_placeholder :string

placeholder text for the search input

"Search..."
search_label :string

accessible label for the search input

"Search options"
clear_label :string

accessible label for the clear button (i18n)

"Clear selection"
toggle_node_label :string

accessible label template for node toggle buttons (i18n). Use {label} for the node label.

"Toggle {label}"
remove_tag_label :string

accessible label template for tag removal buttons (i18n). Use {label} for the tag label.

"Remove {label}"
helper :string

helper text displayed below the component

rest :global