Open MCT Style Guide: Text Input
Intro about text input elements.
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 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
.