Text Field

Office Fabric-UI (JS)

Documentation

Input Parameters

Name Type Description
className string The class name to apply to the main element.
el HTMLElement The element to render the text field to.
description string The field description
onChange (value: string) The change event
placeholder string The placeholder text.
type number The textfield type.
value string The textfield value.

Text Field Interface

Name Type/Description
get() Returns the fabric component.
getValue() Returns the textfield value.
setErrorMessage(message: string) Sets the error message.
setValue(value: string) Sets the textfield value.

Fabric Text Field Interface

Name Type/Description
_container HTMLDivElement
_textField HTMLInputElement
_textFieldLabel HTMLLabelElement

JavaScript

var $REST = require("gd-sprest-js");

// Create the text field
var el = document.querySelector("#tb");
$REST.JS.Fabric.TextField({
    el: el,
    label: "My Field:"
});

TypeScript

import { Fabric } from "gd-sprest-js";

// Create the 
let el = document.querySelector("#tb");
Fabric.TextField({
    el,
    label: "My Field:"
});