Live Storybook

Select Filter

Examples for the SelectFilter LiveComponent.

Example: Simple

Annona
Apple
Appleberry
Apricot
Bael
Banana
Barbadine
Catmon
Caviar Lime
Cawesh
Cherry
Dragon Fruit
Duku Fruit
Durian
Eggplant
Elands Sour Fig
Elderberry
Fig
Fox grape
Grape
Goji
Guava

Example: Simple (not closing on select)

Example: Disabled

Example: Option Slot

Example: No Input / No Data

An example with a no_input slot.

Example: Range

An example with a top slot.

Example: Partial

An example with a parital result.

Example: Limit

An example with a parital result and parital slot.

Example: Clear

An example with a bottom slot.

Example: Async

An example for an async filtering. Do not search for x...!

Data: %{
  "async_value" => "",
  "clear_value" => "",
  "limit" => 3,
  "limit_value" => "",
  "no_data_value" => "",
  "no_input_value" => "",
  "option_slot_value" => "",
  "partial_value" => "",
  "range" => nil,
  "range_value" => "",
  "simple_value" => "apple",
  "simple_value_no_close" => ""
}