Revo Docs

Card

A simple card component.

Your name
Enter you name, no excuses. Be yourself
<x-ui::card class="m-4 border" id="card">
    <div class="flex justify-center">
    <x-ui::gravatar email="jordi@gloobus.net" size="2xl"></x-ui::gravatar>
    </div>
    <div class="flex">
        <x-ui::forms.block-v label="Your name" description="Enter you name, no excuses. Be yourself" errors="Required">
            <x-ui::forms.text-input placeholder="Your name" class="w-full" value="Bruce wayne" />
        </x-ui::forms.block-v>
    </div>
    <x-ui::primary-button>Update profile</x-ui::primary-button>
</x-ui::card>
Copied!