List

List (목록)

항목들을 표시하는 컴포넌트예요. 정렬·아이콘·마커 스타일을 손쉽게 조합할 수 있어요.

출처: 문서

import { List } from "@chakra-ui/react"

<List.Root>
  <List.Item>Item 1</List.Item>
  <List.Item>Item 2</List.Item>
</List.Root>

as="ol" prop을 전달해 정렬 목록을 만들어요.

List.Indicator 컴포넌트를 사용해 목록에 아이콘을 추가해요.

중첩 목록의 예시예요.

_marker prop을 사용해 목록의 마커에 스타일을 적용해요.

List 컴포넌트의 Root 부분에 대한 prop 테이블 (대화형 문서 참고).