Tag

import { Tag } from "@/rl-ui";

<Tag color="blue">Design</Tag>

import { Tag } from "@/rl-ui";

<>
<Tag variant="basic" height={20}>Basic 20</Tag>
<Tag variant="basic" height={24}>Basic 24</Tag>
<Tag variant="pill" height={24}>Pill</Tag>
<Tag variant="pill" height={32} fontSize={14}>Pill 32</Tag>
</>

import { Tag } from "@/rl-ui";

<>
<Tag color="green" closable>Green</Tag>
<Tag color="orange" closable>Orange</Tag>
<Tag color="purple" closable>Purple</Tag>
<Tag disabled>Disabled</Tag>
</>