For

Usage

The For component is used to render a list of items in a strongly typed manner. It is similar to the .map().

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

<For each={[]} fallback={...} />

Examples

Object

Here's an example of using the For component to loop over an object.

Fallback

Use the fallback prop to render a fallback component when the array is empty or undefined.

Props