Text area

Code

Framework

HTML

React

Angular

Default
Disabled

// In your module (e.g., app.module.ts)
import { CertaraUiAngularModule } from '@certara/certara-ui-angular';

@NgModule({
  imports: [CertaraUiAngularModule]
})

// In your template:
<certara-textarea placeholder="Placeholder" rows="3"></certara-textarea>

// In your module (e.g., app.module.ts)
import { CertaraUiAngularModule } from '@certara/certara-ui-angular';

@NgModule({
  imports: [CertaraUiAngularModule]
})

// In your template:
<certara-textarea placeholder="Placeholder" rows="3" disabled></certara-textarea>

Properties

`cols`


Attribute	`cols`
Type	`number`
Default	`undefined`
Required	`false`
Description

`disabled`


Attribute	`disabled`
Type	`boolean`
Default	`false`
Required	`false`
Description

`error`


Attribute	`error`
Type	`string`
Default	`''`
Required	`false`
Description

`label`


Attribute	`label`
Type	`string`
Default	`undefined`
Required	`false`
Description

`maxlength`


Attribute	`maxlength`
Type	`number`
Default	`undefined`
Required	`false`
Description

`name`


Attribute	`name`
Type	`string`
Default	`this.textareaId`
Required	`false`
Description

`placeholder`


Attribute	`placeholder`
Type	`string`
Default	`undefined`
Required	`false`
Description

`readonly`


Attribute	`readonly`
Type	`boolean`
Default	`false`
Required	`false`
Description

`required`


Attribute	`required`
Type	`boolean`
Default	`false`
Required	`false`
Description

`rows`


Attribute	`rows`
Type	`number`
Default	`undefined`
Required	`false`
Description

`showRequired`


Attribute	`show-required`
Type	`boolean`
Default	`true`
Required	`false`
Description

`size`


Attribute	`size`
Type	`"md" \| "sm"`
Default	`'md'`
Required	`false`
Description

`value`


Attribute	`value`
Type	`string`
Default	`undefined`
Required	`false`
Description

`variant`


Attribute	`variant`
Type	`"inline" \| "stacked"`
Default	`'stacked'`
Required	`false`
Description

Events

Name	Description	Bubbles
`certaraBlur`		`true`
`certaraChange`		`true`
`certaraFocus`		`true`
`certaraFormControlError`		`true`
`certaraInput`		`true`

Methods

Name	Signature	Description
`setBlur`	`() => Promise<void>`
`setError`	`(error: string) => Promise<void>`
`setFocus`	`() => Promise<void>`

Slots

There are no slots available for this component