ContentUnavailableView
ContentUnavailableView presents polished empty states for missing data, search misses, and first-run experiences.
ContentUnavailableView presents polished empty states for missing data, search misses, and first-run experiences.
Examples
Default
Preview unavailable for this example in the static docs build.
Show code
<ContentUnavailableView
icon={<Text style={{ fontSize: '2rem' }}>☆</Text>}
title="No favorites yet"
description="Items you save will appear here."
actions={<Button>Add item</Button>}
/>API
| Prop | Type | Required | Description |
|---|---|---|---|
title | ReactNode | Yes | The primary title shown to the user. |
description | ReactNode | No | Supporting text shown below the title. |
icon | ReactNode | No | Optional leading visual, such as an icon. |
actions | ReactNode | No | Optional actions rendered below the copy. |
Inherits additional props from IBaseComponent.
Overview
ContentUnavailableView presents polished empty states for missing data, search misses, and first-run experiences.
Notes
- Keep
titleconcise and action-oriented. actionscan contain one or more buttons or links.
ContentTransition
ContentTransition adapts SwiftUI's content-transition modifiers into an explicit wrapper that annotates changing content on the web.
ContextMenu
ContextMenu presents a menu of actions from a context interaction. On the web this maps to the native right-click gesture while preserving SwiftUI's contextual action model.