JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q44602F
  • License MIT

A presonalised UI Library.

Package Exports

  • @black-ui/react
  • @black-ui/react/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@black-ui/react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Black UI

자체적으로 개발 중인 디자인 시스템 입니다.

아직 미완성 프로젝트이며 꾸준히 업데이트할 예정입니다.

개선할 부분이 있다면 언제든지 Issues 남겨주세요!

Stack (배경이 궁금하다면)

TypeScript

React

Vite

Storybook

Jest

Styled System (배경이 궁금하다면)

Getting Started

npm i @black-ui/react

Components

DataDisplay

  • Avatar
  • Badge
  • Card
  • List
  • Table
  • Tag

Disclosure

  • Accordion
  • Tabs

Feedback

  • Skeleton
  • Spinner
  • Toast

Form

  • Button
  • Checkbox
  • FormControl
  • IconButton
  • Input
  • PinInput
  • Radio
  • Select
  • Slider
  • Switch
  • Textarea

Overlay

  • Drawer
  • Menu
  • Modal
  • Popover
  • Tooltip

Hooks

  • useDisclosure
  • useClipboard
  • useOutsideClick
  • [ ]

Storybook

TODO

  • Framer Motion을 활용한 animation 적용
  • SSR 대응
  • 공통 로직 분리
    • keyboard event 커스텀 훅 구현
    • usePopper 커스텀 훅 구현