Skip to content

OcTextInput component

Description

OcTextInputs allow users to provide text input. Commonly used when the expected input is short. This component has a range of options and supports several input types, including numbers. For longer input, use the OcTextarea component.

Accessibility

The label is required and represents the name of the input.

The description-message can be used additionally to give further information about the input field. When a description is given, it will be referenced via the aria-describedby property automatically. An error or warning will replace the description as well as the aria-describedby property until the error or warning is fixed.

Examples

Default

The default and most simple use case involves a v-model and a label.

Disabled

Input Types

The following input types ares supported.

Interactions

Messages

Properties

Emits

Slots