HANUI

컴포넌트

KRDS 디자인 시스템을 준수하는 9개의 React 컴포넌트

Button

다양한 스타일과 크기를 지원하는 버튼 컴포넌트

Input

폼 입력을 위한 텍스트 필드 컴포넌트

Card

콘텐츠를 담는 카드 레이아웃 컴포넌트

Table

데이터 테이블 컴포넌트

Pagination

페이지네이션 컴포넌트

Breadcrumb

현재 위치를 표시하는 네비게이션 컴포넌트

Modal

모달 다이얼로그 컴포넌트

Select

드롭다운 선택 컴포넌트

FileUpload

파일 업로드 컴포넌트

설치

pnpm add @hanui/react

기본 사용법

import { Button } from '@hanui/react';

function App() {
  return (
    <Button variant="primary">
      클릭하세요
    </Button>
  );
}