PC 전용 페이지

UI/UX 컴포넌트 가이드는 1024px 이상의 화면에서 사용할 수 있습니다.

UI/UX Guide

FullStackFamily 컴포넌트

Button

custom

다양한 스타일과 크기를 지원하는 버튼 컴포넌트

@/shared/ui/Button

Live Preview

Variations

클릭하면 해당 설정이 Options에 적용됩니다.

Primary

Secondary

Outline

Ghost

Danger

Small

Large

Loading

Disabled

Full Width

Options

variant

버튼 스타일 변형

size

버튼 크기 (sm: 작음, md: 보통, lg: 큼)

비활성화 상태

로딩 상태 (스피너 표시)

전체 너비 사용 (width: 100%)

children

버튼 텍스트

한글 프롬프트

FullStackFamily의 Button 컴포넌트를 사용해주세요. variant는 "primary"로 설정해주세요. size는 "md"로 설정해주세요. 텍스트는 "버튼"입니다.

이 프롬프트를 Claude에게 전달하면 해당 컴포넌트를 사용하는 코드를 생성할 수 있습니다.