Component Blueprints
Input
- HTML/CSS:In Progress (1 of 2 variants)
- Layout:Responsive
input
.slds-input — Text inputs are used for freeform data entry
base
.slds-input — Initializes text input
base › Left Icon
base › Right Icon
base › Left Icon & Clear Button
base › Clear Button with Spinner
base › Email Input
base › Date Input
base › Date Input w/ Date Selected by Default
base › Search Input
base › URL Input
base › Telephone Input
base › Fixed text
base › Inline Help
base › Field level help
base › Bare
base
.slds-input_counter — Variant for number input with increment and decrement buttons
base › Left Icon
base › Right Icon
base › Left Icon & Clear Button
base › Clear Button with Spinner
base › Email Input
base › Date Input
base › Date Input w/ Date Selected by Default
base › Search Input
base › URL Input
base › Telephone Input
base › Fixed text
base › Inline Help
base › Field level help
base › Bare
[readonly]
[readonly]
.slds-input_bare
.slds-input_bare — Removes aesthetic nature from an input
.slds-input_height
.slds-input_height — Used to apply an input size to another element thats a non input Because sometimes I need elements the same height as inputs
.slds-input_borders
.slds-input_borders — Modifier to allow a [readonly] input to have borders