Installation
Vapor UI 설치를 위한 가이드.
요구사항:
- React 18 or later
- Node.js 16 or later
1. 패키지 설치
Vapor UI를 설치하세요:
npm install @vapor-ui/corepnpm add @vapor-ui/coreyarn add @vapor-ui/corebun add @vapor-ui/core2. 스타일 추가
애플리케이션 루트에 스타일을 추가하세요:
import '@vapor-ui/core/styles.css'; @import '@vapor-ui/core/styles.css'; 3. 컴포넌트 구성하기
이제 React 애플리케이션에서 Vapor UI 컴포넌트를 사용할 수 있습니다. 다음은 간단한 컴포넌트를 구성하는 예시입니다:
컴포넌트 구성하기
이것은 Vapor UI를 사용하여 컴포넌트를 구성하는 예시입니다.
import { Card } from "@vapor-ui/core";
export default function AssembleComponent() {
return (
<Card>
<Card.Header>
<h2>컴포넌트 구성하기</h2>
</Card.Header>
<Card.Body>
<p>이것은 Vapor UI를 사용하여 컴포넌트를 구성하는 예시입니다.</p>
</Card.Body>
</Card>
);
}