@maggioli-design-system/mds-pref-theme

mds-pref-theme

Properties

Property	Attribute	Description	Type	Default
mode	mode	Specifies the preference mode	"dark" | "light" | "system" | undefined	undefined
transition	transition	Specifies the transition of switching from a theme to another one	"flash" | "none" | "smooth"	'smooth'

Events

Event	Description	Type
mdsPrefChange	Emits when the component is triggered	CustomEvent<MdsPrefChangeEventDetail>

Dependencies

Depends on

• mds-text
• mds-tab
• mds-tab-item

Graph

graph TD;
  mds-pref-theme --> mds-text
  mds-pref-theme --> mds-tab
  mds-pref-theme --> mds-tab-item
  mds-tab-item --> mds-button
  mds-button --> mds-spinner
  mds-button --> mds-icon
  mds-button --> mds-text
  style mds-pref-theme fill:#f9f,stroke:#333,stroke-width:4px

---

Built with love @ Gruppo Maggioli from R&D Department