mds-filter-item

This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.

Properties

| Property | Attribute | Description | Type | Default | | ---------- | ---------- | ----------------------------------------------------- | ---------------------- | ----------- | | icon | icon | Sets the icon of the filter item | string \| undefined | undefined | | label | label | Sets the label of the filter item | string | undefined | | selected | selected | Sets the component to selected state | boolean \| undefined | undefined | | value | value | Sets the value of the component to be used with forms | string | undefined |

Events

| Event | Description | Type | | --------------------- | -------------------------------- | --------------------------------------- | | mdsFilterItemSelect | Emits when the element is active | CustomEvent<MdsFilterItemEventDetail> |

Dependencies

Used by

• mds-filter

Depends on

• mds-icon
• mds-text

Graph

graph TD;
  mds-filter-item --> mds-icon
  mds-filter-item --> mds-text
  mds-filter --> mds-filter-item
  style mds-filter-item fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department