Components
CoUI 컴포넌트 라이브러리의 전체 컴포넌트를 한눈에 확인하세요.
Flutter와 Web에서 사용할 수 있는 CoUI 컴포넌트 라이브러리의 전체 목록입니다. 각 카드를 클릭하면 상세 문서로 이동합니다.
일치하는 컴포넌트가 없습니다. 검색어나 카테고리를 바꿔보세요.
Control8
Buttons, toggles, and interactive controls.
Clickable button
Command palette
Floating action button
Hover effect wrapper
Theme picker swatches
Segmented filter control
Grouped toggle with a raised chosen segment
Command palette trigger
Form37
Form inputs and data entry components.
Text input field
Multi-line text
Markdown post / comment composer
Dropdown select
하나 이상 선택 · 불확정 상태
On/off toggle
Range slider
Date selector
시·분·초 선택
색상 선택 · 편집
Auto-suggestions
OTP input
Radio selection
Single-select option group
Star rating
Dual-handle range slider
Searchable item picker
Selectable answer card
선택지 한 줄 — 단일 선택은 체크, 다중 선택은 체크박스
선택지 목록 — OptionItem 을 세로로 쌓는 묶음
모바일 화면 아래에서 올라오는 패널 — 손잡이 · 제목 · 내용 · 하단 바
Masked / segmented input
Stepper-style number field
Key-value field input
Phone number
Tag input
Switch toggle
Drag, drop and reorder primitives
Drag to reorder
Field grouping
File upload
Form container
Form field label
Form field wrapper (Form 내부)
Input formatter factories
Validation ring wrapper
Validation message
Display41
Content and data display components.
User avatar
Status badge
Category tag
Progress bar
Calendar view
Banner message
Image carousel
Promotional strip for a banner carousel
Chat bubbles
Info chip
Selectable chip group
Line-by-line code diff
Before/after split-view
Code display
Content divider
Dot indicator
Empty placeholder
Corner badge wrapper
Keyboard key
Form field label
Animated number
Fixed width:height container
Loading skeleton
Announces loading once for an area
Statistics
Status indicator
Count down timer
라벨/값 메타데이터 요약 카드
Loading spinner
Hover gallery
Validation status
Status tracker
Category share — bars or donut
Time-series trend chart
Device mockup
Browser and app window frame
Code editor frame
Phone and tablet bezel frame
Event timeline
Swap animation
근거를 지금 열 수 있는지 표시하는 정적 배지
Layout37
Structure, containers, and layout components.
Expandable sections
Collapsible panel
Native <details> section that opens without JavaScript
슬롯 기반 콘텐츠 카드
이미지 + 제목/부제 카드
Data table
Step indicator
Steps display
진행 단계 한 줄 — Steps 의 list 가 쌓는 행
Tree view
Resizable panel
Styled scrollable viewport
Scroll edge fade wrapper
2D scrollable viewport with offset-aware builder
Scrolling marquee for overflow text
Layered children with per-layer offset
Responsive container with breakpoint padding
드래그 · 리사이즈 · 스냅 창 매니저
Window-style panel with title bar + controls
Floating, draggable, edge-docking tool palette
Join elements
Slot-based row layout
Figma Frame 1:1 레이아웃 프리미티브
Collapse toggle wrapper with fade + size animation
Row-based list container with smart column grow
옆으로 밀면 액션이 드러나는 목록 행
Spacing utility
Clip content to a shape
Responsive visibility by breakpoint
Current viewport tier accessor (mobile/tablet/desktop)
Centred, max-width layout wrapper
CSS-Grid-based responsive grid with col/row span
Row↔Column layout that flips at a breakpoint tier
Screen layout structure
페이지 머리 — 보조 설명 · 제목 · 행동
패널 머리 — 제목과 끝의 행동 하나
하단 행동 바 — 화면 아래에 붙는 주 행동과 보조 행동
Navigation10
Navigation and wayfinding components.
Application bar with leading / title / trailing clusters
Bottom navigation bar
Tab navigation
Tabbed content panels
Bottom nav bar
내비게이션 항목 — 바 밖에서 쓰는 사이드바 한 줄
사이드바 — 앱의 신원 · 검색 · 메뉴 · 계정을 담는 옆 내비게이션
Breadcrumb trail
Page navigation
View switcher
Menu7
Menus and contextual actions.
Menu list
메뉴 행 하나 — Menu · Select 가 놓는 단위
Right-click menu
Dropdown actions
App menu bar
관련 동작이 공유하는 툴바 표면
Horizontal mega-menu
Overlay9
Dialogs, popovers, and overlays.Icon1
Iconography components.
Icon display
Text5
Typography and text components.
Typography
User-selectable text
Semantic prose text block
Styled link
용어와 설명을 쌍으로 묶는 정의 목록
Infra7
Low-level building-block components.
Interaction wrapper
Focus ring chrome
Bordered box chrome
Keyboard focus traversal scope
Desktop scroll interception
Floating panel container
Themed scrollbar