EmptyState

component

What a list or page shows when it has nothing yet, with a way forward.

Install

php bin/console ux:install empty-state \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: templates/ → templates/
Composer: symfony/ux-icons
twig/html-extra:^3.24.0
symfony/ux-twig-component:^3.5
tales-from-a-dev/twig-tailwind-extra:^1.3.0

Examples (1)

Default

Light

Dark

Code

<twig:EmptyState title="No orders yet" description="Orders appear here as soon as a customer checks out." class="w-full max-w-md rounded-base border border-dashed border-default-medium">
    <twig:block name="actions">
        <twig:Button>Create an order</twig:Button>
    </twig:block>
</twig:EmptyState>