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

mds-accordion-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
label (required)	label	Specifies the title shown when the component is closed or selected	string	undefined
selected	selected	Specifies if the component item is selected or not	boolean | undefined	undefined
typography	typography	Specifies the typography of the element	"action" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined	'h5'

Events

Event	Description	Type
mdsAccordionItemChange	Emits when the component attribute selected is changed	CustomEvent<MdsAccordionItemEventDetail>
mdsAccordionItemSelect	Emits when the component is selected	CustomEvent<MdsAccordionItemEventDetail>
mdsAccordionItemUnselect	Emits when the component is unselected	CustomEvent<MdsAccordionItemEventDetail>

Slots

Slot	Description
"default"	Add contents like text string, HTML elements or components to this slot.

Shadow Parts

Part	Description
"content"
"label"

Dependencies

Depends on

• mds-text

Graph

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

---

Built with love @ Gruppo Maggioli from R&D Department