List

List is used to display list items. It renders a <ul> element by default.

    Source@chakra-ui/layout

Props#

List Props#

colorScheme

Description

Color Schemes for List are not implemented in the default theme. You can extend the theme to implement them.

Type
(string & {})

size

Description

Sizes for List are not implemented in the default theme. You can extend the theme to implement them.

Type
string

spacing

Description

The space between each list item

Type
SystemProps["margin"]

stylePosition

Description

Shorthand prop for listStylePosition

Type
SystemProps["listStylePosition"]

styleType

Description

Shorthand prop for listStyleType

Type
SystemProps["listStyleType"]

variant

Description

Variants for List are not implemented in the default theme. You can extend the theme to implement them.

Type
string

List Item Props#

ListItem composes Box so you can pass all style and pseudo style props.

Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by Vercel