Tag
View Chakra UI documentation
<Stack spacing="6"> <Wrap align="center"> <Tag size="lg">Tag lg</Tag> <Tag size="lg">Tag lg<TagCloseButton /></Tag> <Tag size="lg"><TagLeftIcon><Icon><path d={mdiInformationOutline} /></Icon></TagLeftIcon>Tag lg</Tag> </Wrap> <Wrap align="center"> <Tag>Tag md</Tag> <Tag>Tag md<TagCloseButton /></Tag> <Tag><TagLeftIcon><Icon><path d={mdiInformationOutline} /></Icon></TagLeftIcon>Tag md</Tag> </Wrap> <Wrap align="center"> <Tag size="sm">Tag sm</Tag> <Tag size="sm">Tag sm<TagCloseButton /></Tag> <Tag size="sm"><TagLeftIcon><Icon><path d={mdiInformationOutline} /></Icon></TagLeftIcon>Tag sm</Tag> </Wrap> <Wrap align="center"> <Tag>Default</Tag> <Tag colorScheme="danger">Danger</Tag> <Tag colorScheme="warning">Warning</Tag> <Tag colorScheme="success">Success</Tag> <Tag colorScheme="info">Info</Tag> </Wrap> <Wrap align="center"> <Tag colorScheme="gray">Gray</Tag> <Tag colorScheme="red">Red</Tag> <Tag colorScheme="orange">Orange</Tag> <Tag colorScheme="yellow">Yellow</Tag> <Tag colorScheme="green">Green</Tag> <Tag colorScheme="teal">Teal</Tag> <Tag colorScheme="cyan">Cyan</Tag> <Tag colorScheme="blue">Blue</Tag> <Tag colorScheme="purple">Purple</Tag> <Tag colorScheme="pink">Pink</Tag> </Wrap> </Stack>