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

mds-accordion-timer-item

Properties

Property	Attribute	Description	Type	Default
active	active	Specifies if the accordion item is opened or not	boolean	undefined
description (required)	description	Specifies the title shown when the accordion is closed or opened	string	undefined
progress	progress	A value between 0 and 100 that rapresents the status progress	number	0
typography	typography	Specifies the typography of the element	"action" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"	'h5'
uuid	uuid	Used automatically by MdsAccordionTimer wrapper to handle it's siblings	number	0

Events

Event	Description	Type
clickActive	Emits when the accordion is clicked by the mouse	CustomEvent<string>
mouseEnterActive	Emits when the accordion is hovered by the mouse	CustomEvent<string>
mouseLeaveActive	Emits when the accordion is hovered by the mouse	CustomEvent<string>

CSS Custom Properties

Name	Description
--background-active	Sets the background-color of the progress bar when the item is selected
--color	Sets the text color of the component
--thickness	Sets thickness of the progress bar

Dependencies

Depends on

• mds-progress
• mds-text

Graph

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

---

Built with love @ Maggioli Informatica / R&D Department