Tag

The <Tag /> component is a basic <Box /> component that can be used to label or categorize content.

Copy
import { Tag } from 'minerva-ui';

#photography
#nature
#travel
<Stack horizontal>
  <Tag>#photography</Tag>
  <Tag>#nature</Tag>
  <Tag>#travel</Tag>
</Stack>
<Stack horizontal>
  <Tag>#photography</Tag>
  <Tag>#nature</Tag>
  <Tag>#travel</Tag>
</Stack>

Closeable Tag#

#photography
#nature 
#travel
<Stack horizontal>
  <Tag>#photography</Tag>
  <Tag>
    #nature <TagButton />
  </Tag>
  <Tag>#travel</Tag>
</Stack>
<Stack horizontal>
  <Tag>#photography</Tag>
  <Tag>
    #nature <TagButton />
  </Tag>
  <Tag>#travel</Tag>
</Stack>

Props#

These are props related to the Tag component.