Text Box

import { AXTextBoxModule } from '@acorex/components/text-box';

TextBox component is a versatile solution for single-line text input, offering extensive customization options and user-focused features. With the size property, placeholder support, readonly and disabled modes, the ability to clear content, and the capability to add prefixes and suffixes, it's an invaluable tool for creating user-friendly and visually appealing text input fields in applications.

Overview

In this section, you can test different options of this component and see the output in real time

Look

Solid

Size

Placeholder

Allow clear

Readonly

Disabled

Hello

Usage

A simple example of using ax-text-box

Preview

Code

Using Decorators

You can use decorators. For example, you can use ax-prefix, ax-suffix at the beginning and end of the text box to display text or anything else.

Preview

Code

Change Type

You can pass the [type]="'number'" to ax-text-box to change the input to a numeric format.

Preview

Code