@anguless/angulux/inputtext
inputtext
1 declarations4 demos
import
import { InputTextModule } from '@anguless/angulux/inputtext';Basic
InputText is a directive, applied to a native input element so every attribute you already know keeps working.
<input aglInputText [(ngModel)]="value" placeholder="Name" />Sizes
Size is set with aglSize, which accepts small and large.
<input aglInputText aglSize="small" [(ngModel)]="small" placeholder="Small" /><input aglInputText [(ngModel)]="normal" placeholder="Normal" /><input aglInputText aglSize="large" [(ngModel)]="large" placeholder="Large" />Invalid
The invalid property styles the field as failing validation, independently of any forms API.
<input aglInputText [invalid]="!value" [(ngModel)]="value" placeholder="Required" />Disabled
Disabling uses the native attribute, because the directive does not replace the element.
<input aglInputText [(ngModel)]="value" [disabled]="true" placeholder="Disabled" />API
Generated from the committed corpus, which check:corpus holds to the built library.
InputText
directive[aglInputText]InputText directive is an extension to standard input element with theming.
| Input | Type | Default | Description |
|---|---|---|---|
| hostName | any | not documented | |
| ptInputText deprecated — use pInputTextPT instead. | InputTextPassThrough | undefined | Used to pass attributes to DOM elements inside the InputText component. |
| pInputTextPT | InputTextPassThrough | undefined | Used to pass attributes to DOM elements inside the InputText component. |
| pInputTextUnstyled | boolean | undefined | undefined | Indicates whether the component should be rendered without styles. |
| aglSize | 'large' | 'small' | undefined | not documented | Defines the size of the component. |
| variant | 'filled' | 'outlined' | undefined | undefined | Specifies the input variant of the component. |
| fluid | undefined | Spans 100% width of the container when enabled. | |
| invalid | false | When present, it specifies that the component should have invalid state style. Left unbound, an element bound through `formControlName`, `[formControl]` or `ngModel` shows the state of that control once it is touched or dirty. | |
| touched | boolean | undefined | undefined | Whether the user has visited the field. Once this or `dirty` is set, the invalid state style waits for interaction: it appears when the field is touched or dirty. Signal Forms' `[formField]` sets both, so an untouched required field is not shown as invalid. Leave both unset and `invalid` alone decides. |
| dirty | boolean | undefined | undefined | Whether the user has changed the value. See `touched`. |
Inherited from BaseComponent
inherited| Input | Type | Default | Description |
|---|---|---|---|
| dt | Object | undefined | undefined | Defines scoped design tokens of the component. |
| unstyled | boolean | undefined | undefined | Indicates whether the component should be rendered without styles. |
| pt | PT | undefined | undefined | Used to pass attributes to DOM elements inside the component. TRUSTED INPUT ONLY. Whatever you put here is applied to the DOM as given: keys become attributes, and a key that names a DOM property is assigned to that property directly, with no sanitizer in between. That is what makes the API useful, and it means a value reaching it from a user, a database or a CMS can execute script. Treat it like markup you wrote yourself, not like data you received. |
| ptOptions | PassThroughOptions | undefined | undefined | Used to configure passthrough(pt) options of the component. |