본문 바로가기
728x90
반응형

chakra ui 컴포넌트2

[React] Chakra UI 이벤트 컴포넌트, Chakra UI 훅 - Accordion, Tabs, Modal, Drawer, Popover, useDisclosure 훅 📌 Chakra UI 이벤트 컴포넌트와 훅아코디언(Accordion), 탭(Tabs), 팝업(Modal), 사이드바(Drawer), 말풍선(Popover) 등과 같은  다양한 사용자 인터페이스 컴포넌트를 제공합니다. 이러한 컴포넌트는 사용자가 웹 애플리케이션을 더욱 편리하게 사용할 수 있도록 하며,  시각적인 효과를 통해 사용자 경험을 개선합니다. Chakra UI는 useDisclosure라는 커스텀 훅을 제공합니다. 이 훅은 Modal, Drawer, Popover 등의 컴포넌트에서  열림(Open), 닫힘(Close), 토글(Toggle) 상태를 간편하게 관리할 수 있습니다.📌 이벤트 관련 주요 컴포넌트와 훅분류내용아코디언(Accordion)여러 섹션을 접고 펼 수 있는 UI 컴포넌트탭(Tabs.. 2024. 9. 29.
[React] Chakra UI 주요 컴포넌트, Chakra UI 요소 📌 Chakra UI 주요 컴포넌트Chakra UI는 React 기반의 UI 라이브러리로, 간단한 코드만으로 세련된 UI를 쉽게 구현할 수 있습니다.특히 레이아웃과 UI 요소를 위한 다양한 컴포넌트를 제공하여복잡한 페이지 구조를 간편하게 만들 수 있습니다.Chakra UI의 주요 레이아웃 컴포넌트와 자주 사용하는 UI 요소들을 살펴보겠습니다. 🔎 리액트 속성 정의Chakra UI 컴포넌트 옵션을 작성할 때, 아래 두 가지 방식을 사용할 수 있습니다. a=" "   : 기본적인 HTML 속성 문법 a={}     : React에서 사용되는 JSX 문법 📌 레이아웃 관련 주요 컴포넌트컴포넌트명설명Flex & Spacer유연한 레이아웃을 구성하는 Flex와요소 간의 간격을 균일하게 조정하는 Spacer를.. 2024. 9. 25.
728x90
반응형