Text input

Text input

Single line

1
2  <label for="sample-input">Name</label>
3  <input id="sample-input" type="text" class="c-text-input" placeholder="John Doe">
4

Multi-line

1
2  <label for="sample-area">Comments</label>
3  <textarea id="sample-area" type="text" class="c-text-input c-text-input--multi" placeholder="Write your comment..."></textarea>
4

Disabled input

1
2  <label for="sample-input">Name</label>
3  <input id="sample-input" type="text" class="c-text-input" placeholder="John Doe" disabled>
4