generated:catalog.entry.cdk-filter.title
generated:catalog.entry.cdk-filter.description
@xngui/cdk/filter@xngui/cdk/filterchrome:demo.section
chrome:demo.preview
cdk-preview:cdk-filter.filter-snapshot
null- Ada Lovelace
- Grace Hopper
- Alan Turing
- Katherine Johnson
import { createDataSource } from '@xngui/cdk/datasource';
import { XFilterState } from '@xngui/cdk/filter';
const filter = new XFilterState({
onChange: (next) => dataSource.setFilter(next),
});
<x-form-field label="Search">
<x-input [value]="searchValue" (changed)="filter.setSearch($event.value)" >
<x-form-field>
filter.setSearch('');
// Snapshot: null
chrome:demo.events.title
chrome:demo.events.empty