서우 AgentOffice
← 라이브러리
development

Core Components

원문: core-components

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

무엇을 하나요

Core Components Design System Overview Use components from your core library instead of raw platform components. This ensures consistent styling and behavior. Design Tokens NEVER hard code values. Always use design tokens. Spacing Tokens | Token | Value | | | | | $1 | 4px | | $2 | 8px | | $3 | 12px | | $4 | 16px | | $6 | 24px | | $8 | 32px | Color Tokens | Semantic Token | Use For | | | | | $textPrimary | Main text | | $textSecondary | Supporting text | | $textTertiary | Disabled/hint text | | $primary500 | Brand/accent color | | $statusError | Error states | | $statusSuccess | Success states | Typography Tokens | Token | Size | | | | | $xs | 12px | | $sm | 14px | | $md | 16px | | $lg | 18px

실행 시 본인 API 키(BYOK)로 동작하며, 모델 비용은 사용자 계정에서 직접 결제됩니다.