Overview: Components

Overview: Components (컴포넌트 개요)

컴포넌트는 디자인 시스템의 핵심 구성 요소 중 하나예요. 그 체계적인 재사용은 제품 전반에 걸쳐 시각적, 기능적 일관성을 만드는 데 도움을 줍니다.

출처: Components Overview

본문

Components (컴포넌트)

각 컴포넌트는 옵션 목록 제시, 폼 제출 허용, 사용자 피드백 제공 등 특정 UI 문제를 해결하도록 설계·코딩되었어요. Carbon의 모든 컴포넌트는 더 큰 전체의 일부로서 조화롭게 함께 동작하도록 설계되었습니다.

Carbon 커뮤니티가 유지 관리하는 추가 컴포넌트는 커뮤니티 에셋(Community assets)에서 사용할 수 있어요.

다음은 Carbon이 제공하는 컴포넌트 목록입니다:

  • Accordion
  • AI label
  • Breadcrumb
  • Button
  • Checkbox
  • Code snippet
  • Contained list
  • Content switcher
  • Data table
  • Date picker
  • Dropdown
  • File uploader
  • Form
  • Inline loading
  • Link
  • List
  • Loading
  • Menu
  • Menu buttons (Feature flag)
  • Modal (Feature flag)
  • Multiselect
  • Notification (Feature flag)
  • Number input
  • Pagination
  • Popover
  • Progress bar
  • Progress indicator
  • Radio button
  • Search
  • Select
  • Slider
  • Structured list (Feature flag)
  • Tabs
  • Tag
  • Text input
  • Tile (Feature flag)
  • Toggle (Feature flag)
  • Toggletip
  • Tooltip
  • Tree view (Feature flag)
  • UI shell

더 알아보기 (Learn more)

Carbon 컴포넌트는 각각 특정 UI 문제를 해결하고 제품 전반에 걸쳐 일관성을 제공해요. 목록의 각 컴포넌트 페이지에서 사용법과 스타일, 접근성 등 자세한 지침을 확인할 수 있습니다. 커뮤니티에서 제공하는 추가 컴포넌트는 Community assets에서 찾아볼 수 있습니다.