Form item

            @use "../abstracts/css-util";

.form-control {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;

    &:has(.toggle-switch) {
        flex-direction: row;
        gap: 0.8rem;
    }
}

Form item > Text field

Default

This is an error message 
            

    
    





    
    
    This is an error message

Form item > Select field

Default

Option 1 
            

    
    

        
        Option 1

Form item > Text area

Default

Form item > Radio list

Form item > Checkbox list

Form item > Toggle-switch