> Tag

Tag

Différents tags. Composant de type Typography.

TagsuiInformationsFigmaExemples2StylesDisponibles

Colors

Tag defaultTag action

export const Colors = () => (
  <Box display="flex" flexDirection="row" gap={4} flexWrap="wrap">
    <Tag size="md" color="default">
      Tag default
    </Tag>
    <Tag size="md" color="action">
      Tag action
    </Tag>
  </Box>
);

Sizes

Tag smTag md

export const Sizes = () => (
  <Box display="flex" flexDirection="row" gap={4} flexWrap="wrap">
    <Tag size="sm" color="default">
      Tag sm
    </Tag>
    <Tag size="md" color="default">
      Tag md
    </Tag>
  </Box>
);

Alveole UI Kit — v1.8.4