BlatUI

Components

Input

Displays a form input field or a component that looks like an input field.

php artisan blatui:add input 
<div class="w-full max-w-sm">
    <x-ui.input type="email" placeholder="Email" />
</div>

Disabled

<div class="w-full max-w-sm">
    <x-ui.input type="email" placeholder="Email" disabled />
</div>

File

<div class="grid w-full max-w-sm items-center gap-2">
    <x-ui.label for="picture">Picture</x-ui.label>
    <x-ui.input type="file" id="picture" />
</div>

With Button

<div class="flex w-full max-w-sm items-center gap-2">
    <x-ui.input type="email" placeholder="Email" />
    <x-ui.button variant="outline">Subscribe</x-ui.button>
</div>

With Label

<div class="grid w-full max-w-sm items-center gap-2">
    <x-ui.label for="email">Email</x-ui.label>
    <x-ui.input type="email" id="email" placeholder="Email" />
</div>