데브허브 | DEVHUB | Customizing the appearance of Clerk components [S2 E1]Customizing the appearance of Clerk components [S2 E1]
- Clerk UI 컴포넌트의 외관을 애플리케이션의 디자인에 맞춰 사용자 정의할 수 있습니다. 🎨
- 주요 사용자 정의 방법은
appearance prop을 사용하는 것입니다. ⚙️
appearance prop은 ClerkProvider에 적용하여 모든 컴포넌트에 전역적으로 적용하거나, 특정 로그인/회원가입 컴포넌트에만 개별적으로 적용할 수 있습니다. 🌍
baseTheme 옵션을 통해 기본 테마(예: 다크 테마, 보라색 계열)를 쉽게 적용할 수 있습니다. 🌙
variables 옵션을 사용하여 colorPrimary, colorText 등 특정 색상을 세밀하게 조정할 수 있습니다. 🌈
- 더 깊은 사용자 정의를 위해 베타 버전인
Clerk Elements를 활용하여 하위 훅을 사용해 완전히 새로운 컴포넌트를 직접 구축할 수 있습니다. 🛠️