Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Input Group

Groups related inputs together

Tag: x-turbine-ui-input-group
<x-turbine-ui-input-group
cols="3"
gap
>
<x-turbine-ui-select
label="Title"
prefix="<i class='fa-solid fa-id-card'></i>"
>
<option value="dr">Dr</option>
<option value="mr">Mr</option>
<option value="mrs">Mrs</option>
<option value="master">Master</option>
<option value="miss">Miss</option>
</x-turbine-ui-select>
<x-turbine-ui-input
label="First Name"
type="text"
placeholder="Bob"
prefix="<i class='fa-solid fa-user'></i>"
/>
<x-turbine-ui-input
label="Second Name"
type="text"
placeholder="Smith"
prefix="<i class='fa-solid fa-user'></i>"
/>
</x-turbine-ui-input-group>
 
<x-turbine-ui-input-group
grid="2"
gap
>
<x-turbine-ui-input
label="Email"
type="email"
placeholder="bob@example.com"
prefix="<i class='fa-solid fa-envelope'></i>"
/>
<x-turbine-ui-input
label="Password"
type="password"
placeholder="min 8 characters"
prefix="<i class='fa-solid fa-lock'></i>"
/>
</x-turbine-ui-input-group>
        
Theme