empty

What to show when there's nothing here yet.

Example

No perks yet

Create one, then pick which segments see it.

Laravel

<x-admin::empty title="No perks yet" description="Create one, then pick which segments see it." icon="gift" />

Props

PropRequiredDefaultOptions
titleyes
descriptionnull
icon"search"

Slots: actions

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Empty } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<div class="adm-empty">
    <div class="adm-empty__icon"><svg class="adm-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="8" width="18" height="4" rx="1"/><path d="M12 8v13M5 12v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5"/></svg></div>
    <div class="adm-empty__text">
        <h3 class="adm-heading">No perks yet</h3>
        <p>Create one, then pick which segments see it.</p>    </div>
    </div>