Ellie UI

Tag

Usage

태그
import { Tag } from "@ellie-ui/core";

export const Example = () => {
  return <Tag>태그</Tag>;
}

Variants

태그태그태그태그태그태그태그
import { Tag } from "@ellie-ui/core";

export const Example = () => {
  return (
    <div className="flex gap-3">
      <Tag variant="primary">태그</Tag>
      <Tag variant="secondary">태그</Tag>
      <Tag variant="outlined">태그</Tag>
      <Tag variant="info">태그</Tag>
      <Tag variant="success">태그</Tag>
      <Tag variant="danger">태그</Tag>
      <Tag variant="warning">태그</Tag>
    </div>
  )
}

Sizes

태그태그
import { Tag } from "@ellie-ui/core";

export const Example = () => {
  return (
    <div className="flex gap-3 items-center">
      <Tag size="medium">태그</Tag>
      <Tag size="large">태그</Tag>
    </div>
  )
}

API

Tag Props

Prop

Type