core component

FilterBar

Reusable filter bar component.

@wrnexus/ui 0.2.674 props1 slots0 events

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<FilterBar
  label="Filters"
  clearLabel="Clear filters"
  showClear="true"
/>

Legacy mount name: data-component="FilterBar".

Props and attributes

Prop	Type	Requirement	Default
`label`	`string`	Optional	`"Filters"`
`clearLabel`	`string`	Optional	`"Clear filters"`
`showClear`	`boolean`	Optional	`true`
`class`	`string`	Optional	`""`

Slots

default

Events

This component does not declare a custom event.

Source contract

Installed source: components/FilterBar.wrn

component FilterBar {
  props {
    label = "Filters"
    clearLabel = "Clear filters"
    showClear = true
    class = ""
  }
  view {
        <section aria-label="{label}" class="wire-filter-bar {class}">
        <div class="wire-filter-bar__controls">
        <slot />
        </div>
        <button data-show="showClear" type="reset" class="wire-btn wire-btn--ghost wire-btn--sm">{clearLabel}</button>
        </section>
    }
}