Open MCT Style Guide: Text Input

Text Input

Intro about text input elements.

Text Inputs

Text inputs have a consistent look-and-feel across the application. The input's placeholder is styled to appear visually different from an entered value.

A variety of size styles are available: .lg, .med and .sm. Numeric inputs that benefit from right-alignment can be styled by adding .numeric.













Textareas

Textareas are styled in a similar fashion to text inputs. The textarea's placeholder is styled to appear visually different from an entered value.

By default, textareas are styled to expand to 100% of the width and height of their container; additionally there are three size styles available that control the height of the element: .lg, .med and .sm.