NPM Version Chromatic ๐จ Integration ๐ codecov bundle size All Contributors
๐จ ๋ฌ๋ ์คํฐ๋์ ๋์์ธ ์์คํ
ํ๊ตญ์ด ํ๊ฒฝ์ ๋ง๋ ์คํ์์ค ๋์์ธ ์์คํ ์ ๋ง๋ค์ด ๋์์ด๋์ ๊ฐ๋ฐ์๊ฐ ์ ๊ทผ์ฑ ๋์ ํ๋ก๋ํธ๋ฅผ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ํจ๊ป ๋ง๋ค๋๋ก ๋์ต๋๋ค.
- ํ๊ตญ์ด ์ฌ์ฉ์ ์ค์ฌ ์ค๊ณ
- ์ ๋ขฐํ ์ ์๋ ์์คํ
- ์ปค๋ฎค๋ํฐ ์ค์ฌ ๋ฐ์
React ํ๋ก์ ํธ์์ ๋ค์ ํจํค์ง ๋งค๋์ ์ค ํ๋๋ก ์ค์นํฉ๋๋ค.
# with Bun $ bun add daleui pretendard @fontsource-variable/jetbrains-mono # with npm $ npm install daleui pretendard @fontsource-variable/jetbrains-mono # with pnpm $ pnpm add daleui pretendard @fontsource-variable/jetbrains-mono # with Yarn $ yarn add daleui pretendard @fontsource-variable/jetbrains-mono
์ฑ ์ง์
์ (์: 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
Helena Park
๐ป ๐ hyoseong
hyoseong
๐ ๐ป ๐ ์ค์๋ฆผ Ria Oh
์ค์๋ฆผ Ria Oh
๐ป ๐ seunghyun
seunghyun
๐จ ๐ Jahye
Jahye
๐จ ๐ Yunsup Sim(์ฌ์ค์ญ)
Yunsup Sim(์ฌ์ค์ญ)
๐ป ๐
๋ฌ๋ UI๊ฐ ์ฌ๋ฌ๋ถ์ ํ๋ก์ ํธ์ ๋์์ด ๋์ ๋ค๋ฉด ํ์์ ๊ณ ๋ คํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ๐ ์ ์ฅ์์ ์คํ๋ฅผ ์ฃผ์๋ ๊ฒ๋ ๋ ๋ง์ ๋ถ๋ค์ด ์ ํฌ ์ปค๋ฎค๋ํฐ๋ฅผ ์ฐพ๋๋ฐ ๋์์ด ๋ฉ๋๋ค. โญ