@forter/filter
v1.7.1
Published
filter from Forter Components
Downloads
71
Readme
fc-filter
An element by Forter
Usage
<script>
import '@forter/filter';
</script>
<fc-filter>
</fc-filter>
Examples
<!-- TEXT -->
<fc-filter type="text"></fc-filter>
<!-- NUMBER -->
<fc-filter type="number"></fc-filter>
<!-- VALUES -->
<fc-filter type="values"></fc-filter>
Properties
| Property | Attribute | Type | Default | Description |
|------------|------------|-----------|---------|--------------------------------------------------|
| apply
| apply
| boolean
| false | |
| column
| column
| {}
| {} | |
| dismiss
| dismiss
| boolean
| false | Used from outside to tell the component that the popover it'sin has closed and that it should remove the changes |
| flat
| flat
| boolean
| false | |
| renderer
| renderer
| any
| | |
| reset
| reset
| boolean
| false | Used from outside when a clear filter is selected, to tellthe component to clear itself up |
| type
| type
| string
| "text" | The type |
Events
| Event |
|-----------------|
| column-filter
|
CSS Custom Properties
| Property | Description |
|------------------------------|---------------------------------|
| --fc-filter-disabled-color
| disabled color. example: gray
|