---
title: Input
info: Text inputs are used for freeform data entry.
---

{% include pattern_block.html url='/src/patterns/components/input/basic-input.html' %}

{% include pattern_block.html url='/src/patterns/components/input/basic-input-disabled.html' %}

{% include pattern_block.html url='/src/patterns/components/input/basic-input-readonly.html' %}

{% include pattern_block.html url='/src/patterns/components/input/basic-input-invalid.html' %}

{% include pattern_block.html url='/src/patterns/components/input/textarea.html' %}

{% include pattern_block.html url='/src/patterns/components/input/basic-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/button-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/button-dropdown-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/borderless-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/phone-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/password-input-group.html' %}

{% include pattern_block.html url='/src/patterns/components/input/set-password-input.html' %}

{% include pattern_block.html url='/src/patterns/components/input/search-input-group.html' %}
