Molecule

FilterPanel

Full filter rail: one or more FilterPanelSections plus an Apply button. Used as the left-rail filter in FundsScreener. Emits section.ks-filter-panel.

Knobs

Density

Locale

Live Preview

Code (Katagami DSL)

FilterPanel {
  FilterPanelSection(title: "Asset Class") {
    FilterPanelOption(label: "Equity")
    FilterPanelOption(label: "Bond")
    FilterPanelOption(label: "Balanced")
  }
  FilterPanelSection(title: "Currency") {
    FilterPanelOption(label: "EUR")
    FilterPanelOption(label: "USD")
  }
  Button("Apply") { viewModel.applyFilters() }
}

Props

Name	Type	Default	Description
sections	[FilterPanelSection]	[]	Filter group definitions
onApply	() -> Void		Closure called on Apply tap
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In

FundsScreener