<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>