Tag

Import#

Chakra UI exports 5 Tag related components:

• Tag: The wrapper for all the tag elements.
• TagLabel: The label for tag's text content.
• TagLeftIcon: The icon placed on the left side of the tag.
• TagRightIcon: The icon placed on the right side of the tag.
• TagCloseButton: The close button for the tag.

import {
  Tag,
  TagLabel,
  TagLeftIcon,
  TagRightIcon,
  TagCloseButton,
} from '@chakra-ui/react'

Usage#

With left icon#

With right icon#

With close button#

With custom element#

Props#

TODO