@maggioli-design-system/mds-tab NPM

mds-tab

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.

Events

Event	Description	Type
`mdsTabChange`	Emits when a children is changed	`CustomEvent<MdsTabEventDetail>`

Slots

Slot	Description
`"content"`	Add `HTML elements` or `components`, one per mds-tab-item added.
`"default"`	Add `mds-tab-item` element/s.

Shadow Parts

Part	Description
`"contents"`
`"tabs"`

CSS Custom Properties

Name	Description
`--mds-tab-duration`	Sets the animation duration on how the contents height is resized when the component switch from a content to another one
`--mds-tab-timing-function`	Sets the animation timing function on how the contents height is resized when the component switch from a content to another one

Dependencies

Used by

mds-input-upload

Graph

graph TD;
  mds-input-upload --> mds-tab
  style mds-tab fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department

@maggioli-design-system/mds-tab-item @maggioli-design-system/styles @stencil/core

@infinitebrahmanuniverse/nolb-_mag @everything-registry/sub-chunk-571 @zalastax/nolb-_mag

21 days ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

8 months ago

10 months ago

10 months ago

6 months ago

7 months ago

6 months ago

8 months ago

6 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago