Angular Form Control Components
Angular input and textarea components. Give textual form controls like `input` and `textarea` an upgrade with custom styles, sizing, focus states, and more.
Example
Sizing
Set heights usingsize property likesizing="lg" andsizing="sm".
Disabled
Add thedisabled boolean attribute on an input to give it a grayed out appearance and remove pointer events.
Readonly
Add thereadonly 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.
Readonly plain text
If you want to haveinput readonly elements in your form styled as plain text, use theplaintext boolean property to remove the default form field styling and preserve the correct margin and padding.
File input
Color
API reference
Form Module
cFormControl
directive
Works withinput andtextarea html tags.
Inputs
| name | description | type | default |
|---|---|---|---|
plaintext | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use alongsidereadonly. | boolean | undefined |
sizing | Size the label small or large. | sm |lg | undefined |
type | Specifies the html type of input element. | InputType exceptcheckbox andradio | text |
valid | Sets input validation state to valid. | boolean | undefined |
cLabel
directive
Inputs
| name | description | type | default |
|---|---|---|---|
cLabel | For horizontal forms set labels tocol and make them vertically centered with their associated form controls. | col | undefined |
sizing | Size the label small or large. | sm |lg | undefined |