Input

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

Component Code 
<april:input id="demo-1" type="email" placeholder="Email" class="w-full max-w-sm" />

File

Component Code 
<april:input id="demo-2" type="file" label="Picture" class="w-full max-w-sm" />

Disabled

Component Code 
<april:input type="email" placeholder="Email" disabled class="w-full max-w-sm" />

Checkbox (and radio)

Component Code 
<div class="flex items-center space-x-2">
    <april:input id="accept" type="checkbox" />
    <april:label for="accept">Accept terms and conditions</april:label>
</div>

With label component

Component Code 
<div class="grid w-full max-w-sm items-center gap-1.5">
    <april:label for="demo-4">Email</april:label>
    <april:input id="demo-4" type="email" placeholder="Email" class="w-full" />
</div>

With button component

Component Code 
<div class="flex w-full max-w-sm items-center space-x-2">
    <april:input type="email" placeholder="Email" class="w-full" />
    <april:button type="submit">Subscribe</april:button>
</div>

Publishing Views

Use the following commands to publish these views:

php artisan april:publish input
php artisan april:publish input-group
April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run: 
php artisan april:publish --all
Review local overrides after an upgrade with `php artisan april:update --diff`.