@jhb0430/ui

버튼, 입력, 표, 모달처럼 여러 화면에서 같은 모양으로 쓰는 공통 UI입니다.

React 19가 필요합니다.

설치

npm install @jhb0430/ui react react-dom

사용

import { Button, Input } from '@jhb0430/ui'
import '@jhb0430/ui/style.css'

export function Example() {
  return (
    <form>
      <Input label="아이디" name="loginId" />
      <Button type="submit">로그인</Button>
    </form>
  )
}

style.css를 앱 진입점에서 한 번 불러야 버튼·입력·표 스타일이 적용됩니다.

포함하는 것

Badge, BadgeSelect, Button, Card, DataTable, DateInput, EmptyState, FilterBar, Input, InputWithAction, LoadingState, Modal, Pagination, SegmentedControl, Select

포함하지 않는 것

특정 서비스의 카드, 모달, 표입니다. 확인창·토스트·로딩 오버레이처럼 그 앱의 상태 저장소에 붙은 것도 여기 없습니다.