Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

DaleStudy/daleui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

1,729 Commits

๋‹ฌ๋ ˆ UI ๋กœ๊ณ 

NPM Version Chromatic ๐ŸŽจ Integration ๐Ÿ”€ codecov bundle size All Contributors

๋‹ฌ๋ ˆ UI

๐ŸŽจ ๋‹ฌ๋ ˆ ์Šคํ„ฐ๋””์˜ ๋””์ž์ธ ์‹œ์Šคํ…œ

๋ฏธ์…˜ (Mission)

ํ•œ๊ตญ์–ด ํ™˜๊ฒฝ์— ๋งž๋Š” ์˜คํ”ˆ์†Œ์Šค ๋””์ž์ธ ์‹œ์Šคํ…œ์„ ๋งŒ๋“ค์–ด ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ ‘๊ทผ์„ฑ ๋†’์€ ํ”„๋กœ๋•ํŠธ๋ฅผ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ํ•จ๊ป˜ ๋งŒ๋“ค๋„๋ก ๋•์Šต๋‹ˆ๋‹ค.

ํ•ต์‹ฌ ๊ฐ€์น˜ (Core Values)

  1. ํ•œ๊ตญ์–ด ์‚ฌ์šฉ์ž ์ค‘์‹ฌ ์„ค๊ณ„
  2. ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ์Šคํ…œ
  3. ์ปค๋ฎค๋‹ˆํ‹ฐ ์ค‘์‹ฌ ๋ฐœ์ „

๋ฌธ์„œ (Documentation)

์„ค์น˜ (Installation)

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";

์‚ฌ์šฉ๋ฒ• (Usage)

import { Button } from "daleui";
export default () => (
 <>
 <Button size="md" tone="brand" type="button" variant="solid">
 ์‹œ์ž‘ํ•˜๊ธฐ
 </Button>
 <TextInput placeholder="ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”." />
 </>
);

๊ธฐ์—ฌ (Contribution)

๋ณธ ํ”„๋กœ์ ํŠธ๋Š” All Contributors ๊ด€๋ก€์— ๋”ฐ๋ผ ๊ธฐ์—ฌ์ž๋ถ„๋“ค์˜ ๊ณตํ—Œ๋ฅผ ์ธ์ •ํ•˜๊ณ  ๊ฐ์‚ฌ๋ฅผ ํ‘œํ˜„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์‘์› (Support)

๋‹ฌ๋ ˆ UI๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ํ”„๋กœ์ ํŠธ์— ๋„์›€์ด ๋˜์‹ ๋‹ค๋ฉด ํ›„์›์„ ๊ณ ๋ คํ•ด์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿ’ ์ €์žฅ์†Œ์— ์Šคํƒ€๋ฅผ ์ฃผ์‹œ๋Š” ๊ฒƒ๋„ ๋” ๋งŽ์€ ๋ถ„๋“ค์ด ์ €ํฌ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ฐพ๋Š”๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. โญ

Sponsors

Sponsor this project

Packages

Contributors

Languages

AltStyle ใซใ‚ˆใฃใฆๅค‰ๆ›ใ•ใ‚ŒใŸใƒšใƒผใ‚ธ (->ใ‚ชใƒชใ‚ธใƒŠใƒซ) /