@maggioli-design-system/mds-pref-language
v1.0.6
Published
mds-pref-language is a web-component from Magma Design System, 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.
Downloads
62
Readme
mds-pref-language
Properties
| Property | Attribute | Description | Type | Default |
| -------- | --------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | -------- |
| set
| set
| /** Specifies the language code based on HTML lang
attribute | ${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}` \| `${Lowercase<string>}${Lowercase<string>}
| 'auto'
|
Events
| Event | Description | Type |
| ----------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------- |
| mdsPrefChange
| Emits when the component is triggered | CustomEvent<MdsPrefChangeEventDetail>
|
| mdsPrefLanguageChange
| Emits when the component changes the language selected from the click event of the dropdown list item | CustomEvent<MdsPrefLanguageEventDetail>
|
Slots
| Slot | Description |
| ----------- | --------------------------------------- |
| "default"
| Add mds-pref-language-item
element/s. |
Dependencies
Depends on
Graph
graph TD;
mds-pref-language --> mds-pref-language-nav
mds-pref-language --> mds-dropdown
mds-pref-language --> mds-text
mds-pref-language-nav --> mds-text
mds-pref-language-nav --> mds-tab
mds-pref-language-nav --> mds-tab-item
mds-tab-item --> mds-button
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
style mds-pref-language fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department