Noora (0.81.4)
- 1.3.0

Filter

An active status filter with additional filters available Open in playground
Status
is
is
is not
Active
Active
Paused 
<.filter
  id="filter-single-default"
  available_filters={[%{id: "status", type: :option, value: :active, options: [:active, :paused], operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: %{active: "Active", paused: "Paused"}, display_name: "Status", searchable: false}, %{id: "name", type: :text, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Name", searchable: false}, %{id: "amount", type: :number, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Amount", searchable: false}]}
  active_filters={[%{id: "status", type: :option, value: :active, options: [:active, :paused], operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: %{active: "Active", paused: "Paused"}, display_name: "Status", searchable: false}]}
/>
The filter selector without active filters Open in playground 
<.filter
  id="filter-single-empty"
  available_filters={[%{id: "status", type: :option, value: :active, options: [:active, :paused], operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: %{active: "Active", paused: "Paused"}, display_name: "Status", searchable: false}, %{id: "name", type: :text, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Name", searchable: false}, %{id: "amount", type: :number, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Amount", searchable: false}]}
  active_filters={[]}
/>
A text filter with a value Open in playground
Name
is
is
contains
does not contain
Tuist
Filter by Name 
<.filter
  id="filter-single-text"
  available_filters={[%{id: "status", type: :option, value: :active, options: [:active, :paused], operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: %{active: "Active", paused: "Paused"}, display_name: "Status", searchable: false}, %{id: "name", type: :text, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Name", searchable: false}, %{id: "amount", type: :number, value: nil, options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Amount", searchable: false}]}
  active_filters={[%{id: "name", type: :text, value: "Tuist", options: nil, operator: :==, field: nil, __struct__: Noora.Filter.Filter, options_display_names: nil, display_name: "Name", searchable: false}]}
/>