2.0.36 • Published 7 months ago

jgdesign v2.0.36

Weekly downloads
-
License
ISC
Repository
-
Last release
7 months ago

소개

UI 컴포넌트 라이브러리 입니다.

jgdesign은 프론트엔드 개발자들을 위한 실용적인 반응형 형식의 컴포넌트 UI를 제공합니다.

특징

  • jgdesign은 Atomic Design Pattern을 지향합니다.
  • jgdesign 라이브러리 자체에서 svg, 색상 등을 지원하지 않습니다(기본 검정, 하양) 하지만 svg, 색상 등을 직접 설정할 수 있게 설계 되어 있습니다.

설치 방법

npm install jgdesign
&
npm i jgdesign

사용 방법

jgdesign을 사용하기 위해서는 import로 사용할 컴포넌트를 받아와야 합니다.

import { TextButtonBlack } from 'jgdesign';

jgdesign의 컴포넌트들은 전부 인라인 스타일을 지향합니다.

<TextButtonBlack label="Example Text" />
//ADD라는 내용을 포함한 TextButtonBlack 생성

jgdesign은 색상을 바꿀 수 있는 자율성을 지향합니다.

 <TextButtonColor label="Example Text" bgColor="#FF5733" />

jgdesign은 react icon 사용을 지향합니다.

import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

<LogoButtonBlack
  Icon={FaBeer}
  iconSize={32}
  iconColor="#8133ff"
/>

UI 종류

Button

  • TextButtonBlack
  • TextButtonWhite
  • TextButtonColor
  • LogoButtonBlack
  • LogoButtonWhite
  • LogoButtonColor
2.0.28

7 months ago

2.0.29

7 months ago

2.0.3

8 months ago

2.0.2

8 months ago

2.0.35

7 months ago

2.0.5

8 months ago

2.0.36

7 months ago

2.0.4

8 months ago

2.0.33

7 months ago

2.0.7

8 months ago

2.0.34

7 months ago

2.0.6

8 months ago

2.0.31

7 months ago

2.0.9

8 months ago

2.0.32

7 months ago

2.0.8

8 months ago

2.0.30

7 months ago

2.0.1

8 months ago

2.0.0

8 months ago

0.1.0

8 months ago

0.1.1

8 months ago

0.1.8

8 months ago

0.1.7

8 months ago

0.1.9

8 months ago

0.1.4

8 months ago

0.1.3

8 months ago

0.1.6

8 months ago

0.1.5

8 months ago

2.0.15

8 months ago

2.0.16

8 months ago

2.0.13

8 months ago

2.0.14

8 months ago

2.0.11

8 months ago

2.0.12

8 months ago

2.0.10

8 months ago

2.0.19

8 months ago

2.0.17

8 months ago

2.0.18

8 months ago

2.0.26

7 months ago

2.0.27

7 months ago

2.0.24

8 months ago

2.0.25

7 months ago

2.0.22

8 months ago

2.0.23

8 months ago

2.0.20

8 months ago

2.0.21

8 months ago

1.3.6

9 months ago

1.3.5

9 months ago

1.3.4

9 months ago

1.3.3

9 months ago

1.3.2

9 months ago

1.3.1

9 months ago

1.3.0

9 months ago

1.2.9

9 months ago

1.2.8

9 months ago

1.2.6

9 months ago

1.2.5

9 months ago

1.2.4

9 months ago

1.2.3

9 months ago

1.2.2

9 months ago

1.2.1

9 months ago

1.2.0

9 months ago

1.1.9

9 months ago

1.1.8

9 months ago

1.1.7

9 months ago

1.1.6

9 months ago

1.1.5

9 months ago

1.1.4

9 months ago

1.1.3

9 months ago

1.1.2

9 months ago

1.1.1

9 months ago

1.1.0

9 months ago

1.0.0

9 months ago