UTK Components

Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text

Phone formatting for mobile
Call us 1-800-555-1212 9am-5pm CT
Auto price formatting
This component has been disabled as there was no brands needing it
$4.56
Color Group from HEX list

Color Filter

Textarea with Text Limit
Default Settings for Text Area Controls 

                        {
                            'max': 100,
                            'warnType': 'colorText',
                            'warnWarning': 0.90,
                            'warnExtreme': 0.95,
                            'newlines': true,
                            'rows': 0
                        }

No Prefill, 100 Characters, No Lock


27 Prefilled, 1000 Characters, Lock


105 Prefilled characters, custom options object

data-utk-tamax : 1000 (override in options to 250)
data-utk-taoptions 

{
    "max": 250, /* override max setting */
    "warnType": "colorText", /* show count warning using color */
    "warnWarning": 200, /* @ 200th character */
    "warnExtreme": 235, /* @ 235th character */
    "newlines": false, /* dont allow new lines (key or paste) */
    "rows": 3
}


508 Prefilled, using percentages for warning

data-utk-tamax : 500 (override to 1000)
data-utk-taoptions 

{
    'max': 1000,
    "warnType": "colorText", /* show count warning using color */
    "warnWarning": .95, /* @ 95% full */
    "warnExtreme": .99, /* @ 99% full */
    "newlines": true, /* allow new lines */
    "rows": 17
}