A filter component. Appears in the Search page to filter content using metadata, for example.

Install

npm install @fluid-topics/ft-filter
yarn add @fluid-topics/ft-filter

Usage

import { html } from "lit"
import "@fluid-topics/ft-filter"

function render() {
    return html` 
        <ft-filter
                label="Filter"
                @change=${ (e) => console.log("Selected options:", e.detail) }
        >
            <ft-filter-option value="1" label="Option 1"></ft-filter-option>
            <ft-filter-option value="2" label="Option 2" selected></ft-filter-option>
            <ft-filter-option value="3" label="Option 3"></ft-filter-option>
            <ft-filter-option value="4" label="Option 4"></ft-filter-option>
        </ft-filter>
    `
}