DynamicFilters

Make it easy, make it filter. Dynamically.

Example

Filters
MRN
Identification Code
Description
Factory Address
Factory Name
Net Weight(KG)
Direct Emission
Indirect Emission
Total Emission
Factory Direct Emission
Factory Indirect Emission
Factory Total Emission

Please select a filter to display content.

Props

    đŸ•šī¸ standard props
    filters
    Filter[]
    List of filters to show and edit.
    []
    lang
    'it' | 'en'
    Language of the component text and labels.
    "en"
    mAndDown
    boolean
    Enables mobile layout mode if true.
    false
    updateMultiFilterValues
    function
    Function to update the filters
    🎨 style props
    No data available

Slots

    customSnippet
    Custom filter content
    Available variables:
    NameTypeDescription
    filterFilter | undefinedThe filter definition
    updateCustomFilterValuesfunctionUpdater for custom filters
    mAndDownbooleanScreen size M and lower

Events

    onchange
    Emitted when a filter is updated.
    AttributeTypeDescription
    filterFilterThe updated filter.