@paperbits/forms/text-input/textInputModel.ts

Paperbits components for form builder.

import { LocalStyles } from "@paperbits/common/styles";

/**
 * Text input widget model.
 */
export class TextInputModel {
    /**
     * Text input label.
     */
    public label: string;

    /**
     * Field name.
     */
    public name: string;

    /**
     * Text input initial value.
     */
    public value: string;

    /**
     * Text input placeholder.
     */
    public placeholder: string;

    /**
     * Indicates that field is readonly.
     */
    public readonly: boolean;

    /**
     * Indicates that field is required.
     */
    public required: boolean;

    /**
     * Maximum allowed number of characters.
     */
    public maxLength: number;

    /**
     * Text input local styles.
     */
    public styles: LocalStyles;

    /**
     * Invalid feedback message.
     */
    public invalidFeedback: string;

    constructor() {
        this.label = "Text input";
        this.name = "firstName";
        this.value = "";
        this.placeholder = "e.g. First name";
        this.invalidFeedback = "";
        this.styles = { appearance: "components/formGroup/default" };
    }
}