Content

EmptyState

What to show when there is nothing to show.

iOSSwiftUI VStackAndroidCompose ColumnRenders in a Screen or an Island

Import

import {EmptyState} from '@hzblj/kara-ui'

The "nothing here" placeholder for an empty list, a failed search or a cleared inbox. action takes a Button so the state can offer a way out.

Prop	Type	Description
title*	string	The headline.
action	ReactNode	Under the text — a `Button`, say.
description	string	A second line under the title, in the secondary colour.
icon	IconName	One of the app's icons, large and muted above the title.
testID	string	Test identifier, forwarded to the native view.

title*

string

The headline.

action

ReactNode

Under the text — a Button, say.

description

string

A second line under the title, in the secondary colour.

icon

One of the app's icons, large and muted above the title.

testID

string

Test identifier, forwarded to the native view.