Contents

Hikari
Guides
Design
- Overview
System
Components — Layer 1
Components — Layer 2
Components — Layer 3

Empty

Empty component for displaying empty data state.

Basic Usage

(live preview unavailable)

1

2

3

4

5

rsx! {
    div { style: "padding:2rem;text-align:center;color:#999;",
        p { style: "font-size:14px;margin:0;", "No data available" }
    }
}

1

<HEmptyState icon="inbox" title="No items" description="Nothing to show yet" />

API

Property	Description	Type	Default
description	Description text	Option<String>	None