View Source Tremorx.Components.Select (tremorx v0.1.1)

Renders select and select item

Summary

Functions

multi_select(assigns)

Allows users to pick one or more values from a range of predefined items.

search_select(assigns)

Allows users to search or select one value from a range of predefined items.

select(assigns)

Allows users to pick one value from a range of predefined items.

Functions

Link to this function

multi_select(assigns)

View Source

Allows users to pick one or more values from a range of predefined items.

Attributes

  • class (:string) - Defaults to nil.
  • placeholder (:string) - Defaults to "Select...".
  • placeholder_search (:string) - Defaults to "Search".
  • on_change (JS) - Action triggered when item is selected. Defaults to nil.
  • value (:string) - For a list of values separate each item by select_join_by. Defaults to nil.
  • default_value (:string) - For a list of values separate each item by select_join_by. Defaults to nil.
  • disabled (:boolean) - Defaults to false.
  • required (:any) - Defaults to false.
  • enable_clear (:boolean) - Defaults to true.
  • id (:string) - Defaults to "multiselect".
  • name (:string) - Defaults to nil.
  • 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
Link to this function

search_select(assigns)

View Source

Allows users to search or select one value from a range of predefined items.

Attributes

  • class (:string) - Defaults to nil.
  • placeholder (:string) - Defaults to "Select...".
  • on_change (JS) - Action triggered when item is selected. Defaults to nil.
  • value (:string) - Defaults to nil.
  • default_value (:string) - Defaults to nil.
  • disabled (:boolean) - Defaults to false.
  • required (:any) - Defaults to false.
  • enable_clear (:boolean) - Defaults to true.
  • id (:string) - Defaults to "select".
  • name (:string) - Defaults to nil.
  • error (:boolean) - Defaults to false.
  • 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
Link to this function

select(assigns)

View Source

Allows users to pick one value from a range of predefined items.

Attributes

  • class (:string) - Defaults to nil.
  • placeholder (:string) - Defaults to "Select...".
  • on_change (JS) - Action triggered when item is selected. Defaults to nil.
  • value (:string) - Defaults to nil.
  • default_value (:string) - Defaults to nil.
  • disabled (:boolean) - Defaults to false.
  • required (:any) - Defaults to false.
  • enable_clear (:boolean) - Defaults to true.
  • id (:string) - Defaults to "select".
  • name (:string) - Defaults to nil.
  • 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