See a problem with the code? Need a new component? Have feedback? We'd love to hear it all! The success of the Bluemix Design System relies on great people like yourself. Fill out the form below to submit your issue to our GitHub repo.
A member of the Bluemix Design System's team will be in touch within 48 hours.
Your issue, , is now in the bluemix-components repo. Click the issue number to track the progress or make edits to your issue.
We will get back to you within 48 hours. Feel free to reach out to us on one of our slack channels if you have additional questions:#bluemix-components
Text fields enable the user to interact with and input data. Use when the application requires long-form content from the user.
A single line field field is used when the input anticipated by the user is a single line of text as opposed to a paragraph.
<label for='text1' class='bx--form__label'>Text field label</label> <input id='text1' type='text' class='bx--text__input' placeholder='Hint text here'>
A text area is used when you anticipate the user to input more than 1 sentence.
<label for='textarea1' class='bx--form__label'>Text area label</label> <textarea id='textarea1' class='bx--textarea__input' rows='4' cols='50' placeholder='Hint text here'></textarea>