Angular input and textarea components. Give textual form controls like `input` and `textarea` an upgrade with custom styles, sizing, focus states, and more.
Example SizingSet heights using size
property like sizing="lg"
and sizing="sm"
.
Add the disabled
boolean attribute on an input to give it a grayed out appearance and remove pointer events.
Add the readonly
boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.
If you want to have input readonly
elements in your form styled as plain text, use the plaintext
boolean property to remove the default form field styling and preserve the correct margin and padding.
Email Password
File inputDefault file input example
Multiple files input example
Disabled file input example
Small file input example
Large file input example
Color API reference Form Module cFormControldirective
Works with input
and textarea
html tags.
plaintext
Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongside readonly
. boolean
undefined sizing
Size the label small or large. sm
| lg
undefined type
Specifies the html type of input element. InputType
except checkbox
and radio
text valid
Sets input validation state to valid. boolean
undefined cLabel
directive
Inputs name description type defaultcLabel
For horizontal forms set labels to col
and make them vertically centered with their associated form controls. col
undefined sizing
Size the label small or large. sm
| lg
undefined
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4