컴포넌트 개요

Soon UI Design에서는 웹 애플리케이션을 쉽고 빠르게 개발할 수 있도록 다양한 UI 컴포넌트를 제공합니다.

사용하기전에

Soon UI Design 컴포넌트를 사용하려면 sud-ui
 패키지를 설치해야 합니다.

npm install sud-ui

Component 종류

Layout

Header

Sider

content

Navigation

Breadcrumb

Collapse

I Love Python.

Drawer

Drawer Title

Drawer Content

Dropdown

transparent Content hahahaha
transparent Content hahahaha
transparent Content hahahaha

Menu

General
- Button
- Icon
Layout
- Header

Pagination

Segmented

Tabs

View Docs Page

Input

InputOTP

TextArea

Upload

Select

Button

Checkbox

ColorPicker

DatePicker

FloatButton

Radio

Rate

Select

Slider

Switch

TimePicker

Display

Avatar

Badge

10

Calendar

202506

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

Card

Hi, Im SeeUSoon93

Sample text for card content

Carousel

Divider

Empty

No Data

Image

List

Table

Tag

Red Tag

Purple Tag

Green Tag

Yellow Tag

Orange Tag

Blue Tag

Timeline

I'm a python developer

But I need to learn javascript

So I Make a sud-ui

Typography

Abc

가나다

Feedback

Modal

Notification

Notification Content

Popconfirm

Popover

Progress

70

Spin

Toast

Hello SeeUSoon93

Tooltip

Soon UI Design