PageHeader

component

The top of a page: its title, a short description and the page's actions.

Install

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

README Source

What it installs

Copies: templates/ → templates/
Composer: 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:PageHeader title="Orders" description="Every order placed in the last 30 days." class="w-full">
    <twig:block name="actions">
        <twig:Button variant="outline">Export</twig:Button>
        <twig:Button>New order</twig:Button>
    </twig:block>
</twig:PageHeader>