@maggioli-design-system/mds-filter-item

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