Text
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.
Example
<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>
</div>Shortcode
[Text label="Text Component"]
Parameters
| 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 |