HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생/
😀
이재호팀/
🏕️
Campers/
차크라 ui

차크라 ui

Tags
ui
김정호 Common
Header - 우리가 제작
Nav - 우리가 제작 (react-router)
Space - 우리가 제작
Text
  • https://chakra-ui.com/docs/components/text/usage
Icon
  • https://chakra-ui.com/docs/components/icon/usage
Image
  • https://chakra-ui.com/docs/components/image/usage
  • https://chakra-ui.com/docs/components/avatar
Bar - process 바는 존재
  • https://chakra-ui.com/docs/components/stepper/usage#adding-a-progress-bar
Input
  • https://chakra-ui.com/docs/components/input/usage
Form (React Form ?)
  • https://chakra-ui.com/docs/components/form-control/usage
Box
  • https://chakra-ui.com/docs/components/box/usage
List
  • https://chakra-ui.com/docs/components/list/usage
도움될것 같은 ui
tabs
  • https://chakra-ui.com/docs/components/tabs
modal
  • https://chakra-ui.com/docs/components/modal
heading
  • https://chakra-ui.com/docs/components/heading
skeleton
  • https://chakra-ui.com/docs/components/skeleton
divider
  • https://chakra-ui.com/docs/components/divider
card
  • https://chakra-ui.com/docs/components/card
 
정태호
Common
Header - 직접 제작
Nav - 직접
Text - 글로벌 스타일처럼 사용자 지정
Icon
  • HamburgerIcon, RightIcon, DeleteIcon, CloseIcon
Bar
  • https://chakra-ui.com/docs/components/progress/usage
Input → InputGroup → InputRightElement
  • https://chakra-ui.com/docs/components/input/usage
Form
  • https://chakra-ui.com/docs/components/form-control/usage#usage
List → Custom Radio Buttons
  • https://chakra-ui.com/docs/components/radio/usage
Avatar → Avatar with Badge
  • https://chakra-ui.com/docs/components/avatar/usage
Card
  • https://chakra-ui.com/docs/components/card/usage#advanced-composition
Button
  • https://chakra-ui.com/docs/components/button/usage#button-variants
 
 
 
 
 
 
 
 
 
 
성래
notion image