SaladUI

Select

Ready to use select component with all required parts.

Attribute Type Documentation Default Value
id :string
name :any
value :any The value of the select
label :string The display label of the select value. If not provided, the value will be used.
placeholder :string The placeholder text when no value is selected.
class :string
rest :global
Required inner_block * :slot 
<.select_trigger instance={select} class="w-[180px]"/>
  <.select_content class="w-full" instance={select}>
    <.select_group>
      <.select_label>Fruits</.select_label>
      <.select_item instance={select} value="apple" label="Apple"></.select_item>
      <.select_item instance={select} value="banana" label="Banana"></.select_item>
      <.select_item instance={select}  value="blueberry"></.select_item>
      <.select_separator />
      <.select_item instance={select} disabled value="grapes"></.select_item>
      <.select_item instance={select} value="pineapple"></.select_item>
    </.select_group>
  </.select_content>