Floating Label - Laravel Blade

Use the floating label style for inputs with animated labels.

Variants

Standard

Outlined

Filled

Blade code

<div class="space-y-6 max-w-md">
    <x-fwb.floating-label label="Standard" variant="standard" />
    <x-fwb.floating-label label="Outlined" variant="outlined" />
    <x-fwb.floating-label label="Filled" variant="filled" />
</div>