<baht-filter>

Filter chip group. Controlled: feed selected, listen to baht-change.

Multiple (default)

multipledisabled

HTMLReactAngular

Copy

<baht-filter></baht-filter>

<script>
  const el = document.querySelector('baht-filter');
  el.options = [
    {
      "key": "open",
      "label": "Open"
    },
    {
      "key": "closed",
      "label": "Closed"
    },
    {
      "key": "mine",
      "label": "Assigned to me"
    }
  ];
  el.selected = [
    "open"
  ];
</script>

Props

Name	Type	Default	Description
optionsJS	FieldOption[]	[]	{ key, label } chips
selectedJS	string[]	[]	Active keys
multiple	boolean	true	false = radio behavior
disabled	boolean	false	Disable
label	string	'Filters'	Accessible name for the chip group.

Events

Event	detail	Description
name	CustomEvent
baht-change	{ selected: string[] }	Selection changed