Go Main page
Go Main page

Web components

Foundations
Components
About
cover

components

TagV2

v.1.0.0 | Saturn

Usage

The name of the tokens object to style tagV2 is TAG_STYLES_V2.

You cannot change the name of the tokens object.

TagV2 component style can be configured through the variant prop:

Variants

The tokens used are:

12345
const TAG_V2_VARIANT = {
  container?: CommonStyleType,
  icon?: IconTypes,
  label?: TypographyTypes,
}

Example

tagV2 theme object example:

12345678910
const TAG_STYLES_V2 = {
  [VARIANT]: {
    container: {
      border_style: 'border-style',
      border_width: 'border-width',
      padding: 'padding',
    },
    icon: {
      color: 'color',
      height: 'height',
TagV2Code API
TagV2Accessibility