All Components빠른 개발과 일관된 디자인을 위한 Vapor UI 디자인 시스템을 살펴보세요. 마크다운 복사 Components AvatarData Display사용자가 설정한 프로필 이미지 혹은 텍스트를 UI 상에 나타냅니다.BadgeData Display이미지, 컨텐츠 등의 상태 또는 분류를 시각적으로 표시합니다.BreadcrumbNavigation사용자의 현재 위치를 계층적으로 표시하여 탐색을 돕습니다.ButtonButtons사용자에게 행동을 유도합니다.CalloutFeedback사용자의 액션에 대한 피드백 혹은 서비스에 대한 메시지를 제공합니다.CardData Display이미지와 텍스트, 일부 기능 버튼을 포함한 컨테이너로 콘텐츠를 제공합니다.CheckboxInputs여러 선택지를 개별적으로 선택할 수 있는 체크박스 입력 컴포넌트입니다.CollapsibleData Display콘텐츠를 접고 펼칠 수 있는 인터랙티브 컴포넌트입니다.DialogFeedback사용자에게 모달 형태로 중요한 정보를 전달하고, 사용자의 응답을 요청합니다.FieldInputs입력 요소와 라벨, 에러 메시지 등을 그룹화하는 폼 필드 컴포넌트입니다.FloatingBarOverlay화면 위에 부유하는 형태로 표시되는 컨텍스트 기반 툴바로, 사용자가 현재 작업 중인 맥락에서 즉시 접근해야 하는 액션, 설정, 옵션, 정보 요소 등을 모아 제공하는 UI 영역입니다IconButtonButtons특정 작업이나 기능을 나타내는 버튼으로, 텍스트 없이 아이콘만으로 명령을 전달합니다.InputGroupInputs여러 입력 요소를 시각적으로 그룹화하여 관련성을 표현합니다.MenuNavigation사용자에게 선택 가능한 옵션 목록을 드롭다운 형태로 제공합니다.MultiSelectInputs여러 옵션을 동시에 선택할 수 있는 드롭다운 컴포넌트입니다.NavigationMenuNavigation여러 콘텐츠 섹션 간에 전환할 수 있도록 돕는 요소로 클릭 시 페이지가 이동합니다.PaginationNavigation콘텐츠를 여러 페이지로 분할하여 제공할 때, 사용자가 원하는 페이지로 이동할 수 있도록 돕는 내비게이션 컴포넌트입니다.PopoverOverlay특정 요소 위에 부가 정보나 옵션을 팝업 형태로 표시합니다.RadioInputs단일 선택 옵션을 제공하는 라디오 버튼 컴포넌트입니다.RadioCardInputs카드 형태의 라디오 버튼으로 선택 가능한 옵션을 시각적으로 표현합니다.RadioGroupInputs여러 옵션 중 하나만 선택하도록 하는 라디오 그룹 입력 컴포넌트입니다.SelectInputs드롭다운 형태로 옵션을 선택할 수 있는 선택 컴포넌트입니다.SheetOverlay화면 측면에서 슬라이드되어 나타나는 패널 컴포넌트입니다.SwitchInputs설정 값을 켜기/끄기로 토글할 수 있는 스위치 컴포넌트입니다.TableData Display구조화된 데이터를 행(Row)과 열(Column)로 나누어 시각적으로 표시하는 컴포넌트입니다.TabsNavigation여러 콘텐츠 패널 간에 전환할 수 있는 탭 인터페이스를 제공합니다.TextTypography시멘틱 태그와 타이포그래피 스타일을 별도로 지정하기 위해 사용합니다.TextInputInputs사용자가 데이터를 입력할 수 있도록 텍스트, 숫자 등 다양한 형식의 입력 필드를 제공합니다.TextareaInputs여러 줄의 텍스트를 입력할 수 있는 확장 가능한 입력 영역을 제공합니다.ToastFeedback화면 하단에 일시적으로 나타나는 알림 메시지 컴포넌트입니다.TooltipOverlay요소에 마우스를 올렸을 때 추가 정보를 툴팁으로 표시합니다.IconsVapor UI 아이콘 라이브러리. 아이콘을 클릭하면 import 문이 복사됩니다.
