UI Components Showcase
프로젝트에서 사용하는 모든 UI 컴포넌트를 확인할 수 있습니다.
Buttons
Default Button
src/components/ui/Button/Button.tsx
Outline Button
src/components/ui/Button/Button.tsx
Disabled Button
src/components/ui/Button/Button.tsx
Button with Icon
src/components/ui/Button/Button.tsx
Inputs
Text Input
src/components/ui/Input/Input.tsx
Textarea
src/components/ui/Textarea/Textarea.tsx
Checkbox
src/components/ui/Checkbox/Checkbox.tsx
Radio Label
src/components/ui/RadioLabel/RadioLabel.tsx
Input Validation
Text Input with Validation
src/components/ui/Input/Input.tsx
Input with Error State
src/components/ui/Input/Input.tsx
Required Field Indicator
src/components/ui/Input/Input.tsx
Character Count Validation
src/components/ui/Textarea/Textarea.tsx
0 / 100
Button Click Validation
src/components/ui/Input/Input.tsx + Button
Navigation & Selection
Tabs
src/components/ui/Tabs/Tabs.tsx
Pagination
src/components/ui/Pagination/Pagination.tsx
Filter Dropdown
src/components/ui/FilterDropdown/FilterDropdown.tsx
Dropdown Menu
src/components/ui/DropdownMenu/DropdownMenu.tsx
Display Components
Avatar
src/components/ui/Avatar/Avatar.tsx
프로필Star Rating
src/components/ui/StarRating/StarRating.tsx
Tag List
src/components/ui/TagList/TagList.tsx
Toggle Badge
src/components/ui/ToggleBadge/ToggleBadge.tsx
전체
활성
비활성
Image Thumbnail
src/components/ui/ImageThumbnail/ImageThumbnail.tsx
5
Helpful Button
src/components/ui/HelpfulButton/HelpfulButton.tsx
Content Components
Content Card
src/components/ui/ContentCard/ContentCard.tsx
효율적인 업무 관리를 위한 시간 관리와 자기관리 목록들
업무 효율을 높이는 실용적인 시간 관리 팁과 자기관리 방법을 소개합니다.
김선생님15,000
Content Info
src/components/ui/ContentInfo/ContentInfo.tsx
효율적인 업무 관리를 위한 시간 관리와 자기관리 목록들
김선생님15,000
*수정 또는 판매 중지로 구매가 금지된 자료입니다.
Interactive Components
Dialog (Modal)
src/components/ui/Dialog/Dialog.tsx
Tooltip
src/components/ui/Tooltip/Tooltip.tsx
Icons
src/components/Icon/Icon.tsx
search
star
like
logo-symbol
menu
close
kebab
plus