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>