Used to create a single-line, plain-text input field where users can enter free-form text. For quick reference, see technical parameters.

Best practices

  • Use in forms only.


<div class="bocss-input__group ">
    <input type="text" name="1" id="bocss-text-2" class="bocss-input__text"  aria-labelledby="bocss-text-2-label" >
    <label for="bocss-text-2" class="bocss-label" id="bocss-text-2-label">Text Component</label>


                [Text label="Text Component"]


Parameter Values Description
name user-specified Text field name
id user-specified ID of the Text field
class user-specified Class of the Text field
label user-specified Label of the Text field
labelId user-specified Label ID of the Text field
disabled user-specified Disable the Text field
layout 1, 2, 3 Layout of the Text field
error user-specified Type of error for the Text field
type text, tel, email, number, url Type of the Text field
arialabel user-specified Text field label for accessibility purposes