This component displays as a tag with an optional link and/or button to remove the given tag.
npm install @chakra-ui/tagThis component is displayed as an accessible tag with an optional link and/or
button to remove it.
``sh`
yarn add @chakra-ui/tag
`jsx`
import { Tag } from "@chakra-ui/tag"
`jsx`
Pass the size prop to change the size of the tag.
`jsx`
<>
Gray
Gray
>
Pass the colorScheme prop to change the background color of the tag component
`jsx`
<>
>
The tag component can contain an Icon. This is done by using the TagIcon
component within the tag component.
`jsx`
<>
>
Use the TagCloseButton to apply a close button to the tag component.
`jsx`
Tag component can contain a custom element. This is done by placing the custom
element within the tag component.
`jsx``
size="xs"
name="Segun Adebayo"
ml={-1}
mr={2}
/>