@illa-design/tag v1.3.0

Tag

Tag is generally used to mark attributes, dimensions or categories of things.

Installation

yarn add @illa-design/tag

Import component

import { Tag } from "@illa-design/tag"

API

Tag Basic Properties

Tag Extented Props

Tag Events

Example

Basic usage

<Tag />

Set Tag's size

<Tag>Hello</Tag>
<Tag size="small">Small</Tag>
<Tag size="medium">Medium</Tag>
<Tag size="large">Large</Tag>

Set Tag's style parttern and background

<Tag>Hello</Tag>
<Tag variant="fill" colorScheme="red">Hello</Tag>

With left icon

<Tag>Hello</Tag>
<Tag variant="fill" colorScheme="red" icon={<BsFacebook />}>Hello</Tag>

With close button

<Tag>Hello</Tag>
<Tag variant="fill" colorScheme="red" icon={<BsFacebook />} closable>Hello</Tag>