@maggioli-design-system/mds-tab-bar-item NPM

mds-tab-bar-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
`icon`	`icon`		`string`	`''`
`selected`	`selected`	Specifies if the component is selected or not	`boolean`	`undefined`
`typography`	`typography`	Specifies the typography of the element	`"option" \\| "tip" \\| undefined`	`'tip'`

Events

Event	Description	Type
`mdsTabBarItemSelect`	Emits when the component is selected	`CustomEvent<string>`

Slots

Slot	Description
`"default"`	Add `text string` to this slot, avoid to add `HTML elements` or `components` here.

CSS Custom Properties

Name	Description
`--mds-tab-bar-item-background`	Sets the background-color of the component
`--mds-tab-bar-item-background-selected`	Sets the background-color of the component when it's selected
`--mds-tab-bar-item-color`	Sets the text color of the component
`--mds-tab-bar-item-color-selected`	Sets the text color of the component when it's selected

Dependencies

Depends on

Graph

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

Built with love @ Gruppo Maggioli from R&D Department

@maggioli-design-system/mds-icon @maggioli-design-system/styles @stencil/core

@infinitebrahmanuniverse/nolb-_mag @everything-registry/sub-chunk-571 @maggioli-design-system/mds-tab-bar @zalastax/nolb-_mag

21 days ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

5 months ago

6 months ago

7 months ago

6 months ago

7 months ago

6 months ago

8 months ago

1 year 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

2 years ago

2 years ago