🎨 UI Components Guide
VibeCoder Wiki에서 사용되는 UI 컴포넌트들을 확인하고 테스트해보세요.
카테고리:
문서 모드:
Button
기본 UI다양한 스타일의 버튼 컴포넌트
Input
기본 UI텍스트 입력을 위한 인풋 컴포넌트
Card
레이아웃콘텐츠를 구조화하여 표시하는 카드 컴포넌트
카드 제목
카드 내용이 여기에 표시됩니다. 다양한 콘텐츠를 구조화하여 보여줄 수 있습니다.
Modal
오버레이오버레이 형태의 모달 다이얼로그
Loading
피드백로딩 상태를 표시하는 컴포넌트
Logo
브랜드브랜드 로고 컴포넌트
LoginButton
인증Google OAuth 로그인 버튼
SearchBar
검색검색 입력을 위한 검색바
FloatingActionButton
내비게이션플로팅 액션 버튼 (로그인 시에만 표시)
로그인 시 우측 하단에 표시됩니다
Select (Combo)
폼드롭다운 선택 컴포넌트
Radio
폼라디오 버튼 그룹 컴포넌트
Checkbox
폼체크박스 컴포넌트
Toggle
폼토글 스위치 컴포넌트
Spinner
피드백로딩 스피너 컴포넌트
블루 스피너
그린 스피너
퍼플 스피너
로딩 중...
처리중...
Form (입력폼)
복합완전한 폼 컴포넌트 (검증 포함)
Hero
복합히어로 섹션 컴포넌트
환영합니다!
여기서 시작하세요
총 16개의 컴포넌트가 있습니다