Welcome, VaporVapor는 구름의 세 번째 디자인 시스템으로, 다양한 서브 패키지들로 구성되어 있습니다. 각 서브 패키지는 다음과 같은 역할을 수행합니다.

주요 패키지에 대해 알아보아요.

Onboarding

1Vapor Core란?

2최소한의 기능과 형태

3개발 특징

1. Vapor Theme

• 구름의 디자인 시스템을 구성하는 디자인 토큰 라이브러리입니다.
• size(dimension, border radius, space), color, typography(font family, font weight, line height) 등을 정의합니다.
• 다양한 테마 전환 기능을 제공합니다.

2. Vapor Hooks

• 구름의 디자인 시스템을 구성하는 React Custom Hooks 라이브러리입니다.
• 현재 별도의 문서화 사이트가 없습니다. (Github을 방문해주세요!)

3. Vapor Icons

• 구름의 디자인 시스템을 구성하는 아이콘 라이브러리입니다.

4. Vapor Core

• 최소한의 기능과 형태를 정의하고 최대한의 커스텀을 지원하는 React 컴포넌트 라이브러리입니다.
• 웹 접근성 기반의 최소한의 기능만을 정의합니다.
• Color, Typography, Size 등의 Foundation 요소들만 정의합니다.

5. Vapor Components

• Reactstrap 기반의 컴포넌트 라이브러리입니다.