Design with Lightning Web Components to Look Like Salesforce
Elevate your field service operations with visually cohesive mobile experiences. The
Field Service mobile app seamlessly integrates the following Lightning web components with the
Salesforce UI style.
- Labels for Lightning elements
- font size
- Max length of label is three lines
-
lightning-input
- Text + Number
- width
- height
- background-color-focus
- border-color-focus
- border-width
- caret-color-focus
- margin
- padding
- background-color-error-focus
- Text + Number
-
Datetime Picker
- width
- height
- background-color-focus
- border-color
-
Checkbox Toggle
- background-color-checked-focus
- background-color-checked
- shadow
-
Checkbox Button
- background-color
-
lightning-textarea
- width
- height
- background-color-focus
- border-color-focus
- border-width
- caret-color-focus
- margin
- padding
- background-color-error-focus
- font size
-
lightning-combobox (picklist)
- width
- height
- background-color-focus
- border-color-focus
- border-width
- margin
- padding
-
lightning-checkbox-group
- border around checkbox
- label font size
- checkbox size
- checkbox color border
- checkbox color background
- checkbox mark color
- error state background focus
-
lightning-radio-group
- border around checkbox
- label font size
- radio size
- radio color border thickness
- radio mark color
-
lightning-progress-bar
- progress bar color
-
lightning-progress-indicator
- progress indicator bar color
-
lightning-button (variant - base, neutral, brand)
- border
- background-color
- background-color-focus