Button

<x-aura::button variant="primary">
    Primary
</x-aura::button>

<x-aura::button variant="secondary">
    Secondary
</x-aura::button>

<x-aura::button variant="filled">
    Filled
</x-aura::button>

<x-aura::button variant="subtle">
    Subtle
</x-aura::button>

<x-aura::button variant="outline">
    Outline
</x-aura::button>

<x-aura::button variant="ghost">
    Ghost
</x-aura::button>

<x-aura::button variant="danger">
    Danger
</x-aura::button>

<x-aura::button variant="link" href="#">
    Link
</x-aura::button>

<x-aura::button variant="primary" size="xs">
    Create
</x-aura::button>

<x-aura::button variant="primary" size="sm">
    Create
</x-aura::button>

<x-aura::button variant="primary" size="md">
    Create
</x-aura::button>

<x-aura::button variant="primary" size="lg">
    Create
</x-aura::button>

<x-aura::button variant="primary" size="xl">
    Create
</x-aura::button>

<x-aura::button variant="primary" icon="plus">
    Create
</x-aura::button>

<x-aura::button variant="secondary" iconTrailing="download">
    Export
</x-aura::button>

<x-aura::button variant="outline" icon="pencil">
    Edit
</x-aura::button>

<x-aura::button variant="danger" icon="trash-2">
    Delete
</x-aura::button>

<x-aura::button variant="primary" :pill="true">
    Create
</x-aura::button>

<x-aura::button variant="secondary" :pill="true">
    Explore
</x-aura::button>

<x-aura::button variant="outline" :pill="true">
    Outline
</x-aura::button>

<x-aura::button variant="ghost" :pill="true">
    Ghost
</x-aura::button>

<x-aura::card size="2xl" gap="4">

    <x-aura::flex align="center" justify="between">

        <x-aura::flex direction="col" align="start" gap="1">

            <x-aura::heading level="3" size="sm">
                Unsaved Changes
            </x-aura::heading>

            <x-aura::text size="sm" variant="subtle">
                You have pending configuration updates waiting to be applied.
            </x-aura::text>

        </x-aura::flex>

        <x-aura::flex align="center" gap="2">

            <x-aura::button variant="secondary" size="sm">
                Cancel
            </x-aura::button>

            <x-aura::button variant="primary" size="sm">
                Save
            </x-aura::button>

        </x-aura::flex>

    </x-aura::flex>

</x-aura::card>