Icon Button

아이콘 하나로 동작을 실행하는 원형 버튼입니다.

@horon-ai/react 입력과 선택 Storybook ↗

Preview

Usage

tsx

import { IconButton } from "@horon-ai/react";
import { Copy, MagnifyingGlass, Plus } from "@phosphor-icons/react";

export default function IconButtonDemo() {
  return (
    <>
      <IconButton icon={<Plus />} label="Add" variant="primary" />
      <IconButton icon={<MagnifyingGlass />} label="Search" variant="glass" />
      <IconButton icon={<Copy />} label="Copy" />
    </>
  );
}