<x-turbine-ui-input
    type="text"
    placeholder="default text input"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="brand text input"
    variant="brand"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="primary text input"
    variant="primary"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="secondary text input"
    variant="secondary"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="success text input"
    variant="success"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="warning text input"
    variant="warning"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="danger text input"
    variant="danger"
/>
 
<x-turbine-ui-input
    type="text"
    placeholder="default text input with label"
    label="Name"
/>
 
<x-turbine-ui-input
    type="email"
    placeholder="default text input with label & icon"
    label="Email"
    prefix="<i class='fa-solid fa-envelope'></i>"
    divide
/>