UI 요소

Dialog 컴포넌트를 확장하여 메인 화면을 보완합니다.

중요한 내용으로 사용자를 중단하는 modal 대화 상자.

사용자가 입력하고 편집 할 수있는 날짜 필드 구성 요소.

React를 위한 빠른, composable, unstyled 명령 메뉴.

fallbacks로 사용자의 시각적 표현.

상태 또는 상표를 위한 작은 시각적인 지시자.

구조화된 자료를 표시하는 테이블 성분.

다중 변종을 가진 다재다능한 단추 성분.

일관된 스타일링을위한 사용자 정의 스크롤 영역.

단일 선택 옵션을위한 라디오 버튼 그룹.

FAQ를 위한 확장 가능한 협정 성분.

중요한 메시지에 대한 탁월한 알림.

사용자 텍스트 항목에 대한 단일 라인 입력 필드.

접근성에 대한 입력에 부착 된 라벨.

뜨 내용 패널을 위한 팝업 성분.

완료 상태를 보여주는 진행 표시 줄 구성 요소.

범위 값 선택을위한 슬라이더 구성 요소.

dropdown는 목록에서 선택을 위한 성분을 선택합니다.

별도의 콘텐츠 섹션에 시각적 라인.

UI 구성 요소에 대한 placeholder 로드 상태.

boolean 설정을 위한 toggle 스위치 구성 요소.

컨텐츠를 구성하기위한 탭 인터페이스 구성 요소.

더 긴 내용에 대한 멀티 라인 텍스트 입력 필드.

hover에 추가 정보를 보여주는 도구 끝 구성 요소.

header, content, footer와 유연한 컨테이너.

멀티 선택 옵션에 대한 체크 박스 구성 요소.

접을 수 있는 패널 성분.

집중된 상호 작용을 위한 modal 대화 상자 성분.

문맥 작업에 대한 드롭다운 메뉴 구성 요소.

대화형 배경 경계 애니메이션.

glowing 국경 효력을 가진 전문화한 카드.

내비게이션을 가진 이미지 또는 내용 carousel.

sanitized HTML 콘텐츠를 안전하게 렌더링하는 구성 요소.

단면도 headings를 위한 stylized 배지.

Tiptap에 기반한 풍부한 텍스트 편집기.

CSS 변수 지원으로 색상 선택 도구.

임시 알림 시스템 (Toast/Toaster).

toast 알림을 표시하는 뷰포트.

시각적 평가 및 검토 카운트 표시.

Lucide 아이콘의 동적 아이콘 로더.

앱 충돌 방지를 위한 catch-all UI.