Tag

NeutralPrimaryInfoRoundClosable


import { Tag } from '@gg-software/ui';
 
<Tag tone="primary">design-system</Tag>
<Tag tone="success" round>Round</Tag>
<Tag closable onClose={() => removeTag(id)}>Removable</Tag>
<Tag icon={<StarIcon />}>With icon</Tag>

Props

Prop	Type	Default	Description
`children`*	`ReactNode`	—	content rendered inside the component
`tone`	`"info" \| "success" \| "warning" \| "neutral" \| "primary" \| "danger"`	`neutral`
`icon`	`ReactNode`	—
`closable`	`boolean`	`false`
`round`	`boolean`	`false`
`onClose`	`(() => void)`	—
`className`	`string`	—

* required · generated from packages/ui/src/display/Tag/Tag.tsx