Getting Started
Components
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Attachment
- Avatar
- Badge
- Banner
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Command
- Collapsible
- Combobox
- Context Menu
- Data Table
- Date Picker
- Dialog
- Dropdown Menu
- Editor
- Input
- Input Group
- Label
- Loading Spinner
- Native Select
- Popover
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Steps
- Switch
- Tabs
- Textarea
- Tooltip
Patterns
Input Group
Groups a native input, label, and validation message.
Component Code
<april:input-group name="email" id="email" type="email" label="Email address" placeholder="you@example.com" />
Component Code
<april:input-group name="email" id="email" type="email" label="Email address" placeholder="you@example.com" />
Use
input-group when a form control needs a label and Laravel validation errors in one unit. The group reads the field name from
name and uses the matching error key by default.
<april:input-group name="email" id="email" type="email" label="Email address" placeholder="you@example.com" required/>
<april:input-group name="email" id="email" type="email" label="Email address" placeholder="you@example.com" required/>
Pass
error-name or
error-bag when the validation key differs. Use
inline for compact controls such as checkboxes, radios, and range inputs. Add
prevent-errors when the group should not render validation output.
Publishing Views
Use the following command to publish this view:
php artisan april:publish input-group
php artisan april:publish input-group
php artisan april:publish --all
php artisan april:publish --all