🎨 달레 스터디의 디자인 시스템

한국어 환경에 맞는 오픈소스 디자인 시스템을 만들어 디자이너와 개발자가 접근성 높은 프로덕트를 쉽고 빠르게 함께 만들도록 돕습니다.

1. 한국어 사용자 중심 설계
2. 신뢰할 수 있는 시스템
3. 커뮤니티 중심 발전

• 스토리북
• 위키

React 프로젝트에서 다음 패키지 매니저 중 하나로 설치합니다.

# with Bun
$ bun add daleui

# with npm
$ npm install daleui

# with pnpm
$ pnpm add daleui

# with Yarn
$ yarn add daleui

앱 진입점(예: main.tsx, App.tsx)에서 스타일을 한 번에 불러옵니다.

import "daleui/styles.css";

import { Button } from "daleui";

export default () => (
  <>
    <Button size="md" tone="brand" type="button" variant="solid">
      시작하기
    </Button>
    <TextInput placeholder="텍스트를 입력해주세요." />
  </>
);

본 프로젝트는 All Contributors 관례에 따라 기여자분들의 공헌를 인정하고 감사를 표현하고 있습니다.

Dale Seo 💻 📖	Helena Park 💻 📖	Evan Suhyeong Lee 📝 💻 📖	hyoseong 📝 💻 📖	오예림 Ria Oh 💻 📖	seunghyun 🎨 📖
Jahye 🎨 📖	최진욱 📆	Yunsup Sim(심윤섭) 💻 📖	Hansaem.so 💻 📖	서진혁 (Aka) 💻 📖	유은지 💻 📖	Tasha(살미) 💻 📖	mkang 📝 🎨
이선재 📝 💻 📖	Sehwan 📝 💻 📖	BK LEE 🎨	graycrisp 🎨	Lyla (Minju) Park 💻

달레 UI가 여러분의 프로젝트에 도움이 되신다면 후원을 고려해주시면 감사하겠습니다. 💝 저장소에 스타를 주시는 것도 더 많은 분들이 저희 커뮤니티를 찾는데 도움이 됩니다. ⭐