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
  • Checkbox Toggle
    • background-color-checked-focus
    • background-color-checked
    • shadow
  • 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