Concepts
OverviewCompositionTestingLayout
Aspect RatioBleedBoxCenterContainerDividerFlexFloatGridLink OverlayScrollableStackWrapComponents
AccordionAdmonitionAvatarButtonCarouselCheckboxClipboardCollapsibleComboboxConfirm ModalCTAModalDate PickerDialogFieldFieldsetFile UploaderIcon ButtonInputLoading StatesMenuNotificationsNumber InputPin InputProgressPrompt ModalRadioRatingSelectSplit ButtonSwitchTableTabsTagTextTextareaToggleTooltipUtilities
Feature FlagsForLocal StoragePortalShowsplitPropsThemeimport { For } from '@cerberus/react'Usage
The For component is used to render a list of components or a fallback. It is an abstraction of the Array.map method.
0. Cerberus
1. Design
2. System
3. Roolz
4. D00dz
API
export interface ForProps { each: any[] fallback?: ReactNode}
define function For(props: ForProps): ReactNode | nullProps
The For component accepts the following props:
| Name | Default | Description |
|---|---|---|
| each | An Array of items to loop through. | |
| fallback | null | The content to render when the each value is empty. |
On this page