Input - Text
Last updated: 9/21/21
Input texts are used for typing information into a user text field.
Base
Use the base class pier-input-text to create a default input text
HTML markup
Sizes
Use the modifier classes pier-input-text--sm, pier-input-text--md, or pier-input-text--lg to change the size of the input-text.
HTML markup
Error
Use the modifier class pier-input-text--error to change the state of the input text to error.
HTML markup
Pill
Use the modifier class pier-input-text--pill to change the state of the input text to pill.
HTML markup
Disabled
Use the modifier class pier-input-text--disabled to change the state of the input text to disabled.
HTML markup
Cap-Left
Use the modifier classes pier-input-text--cap-left to cap the left border radius to 0 and remove left border.
HTML markup
Cap-Right
Use the modifier classes pier-input-text--cap-right to cap the right border radius to 0 and remove right border.
HTML markup
Dark
Use the modifier class pier-input-text--dark to change the style of the input text for dark UI themes.
HTML markup
Error Dark
Use the modifier class pier-input-text--dark pier-input-text--error to change the style of the input text to error for dark UI themes.
HTML markup
© 2021 Gumgum, Inc.