Watson
  • Updates
  • Getting started
    • Design

    • Development

    • Migrating to WDS

      New
  • Guidelines
    • Design Principles

    • Depth

      New
  • Foundations
    • Spacing

    • Size

    • Typography

    • Color

  • Patterns
    • Loading

      New
    • Onboarding

      New
  • Components
    • Action bar

      New
    • Avatar

    • Badge

    • Banner

    • Breadcrumbs

    • Button

    • Button Group

    • Card

    • Calendar

    • Checkbox

    • Collapse

    • Combobox

    • Date Picker

    • Divider

    • Dropdown Menu

    • Empty State

    • Fieldset

    • File Upload

    • Grid

    • Header

    • Icon

    • Icon Button

    • Input

    • Layout

    • Link

    • Modal

    • Navigation List

    • Pagination

    • Popover

    • Progress Bar

    • Radio

    • Select

    • Skeleton

    • Spacer

    • Spinner

    • Stack

    • Step Indicator

    • Table

    • Tabs

    • Text

    • Textarea

    • Toast

    • Toggle

    • Tooltip

  • Tokens
  • Iconography
  • Templates
    • Table View

    • Settings

    • Landing

    • Wizard

  • Contribute

Patterns

Get a better understanding of common design patterns and how to use them in your projects.

Loading

Loading states give users feedback when content or processes aren't immediately available. Effective use of loading states reduces perceived wait times, and improves UX and retention by communicating the system is actively working on the request.

Onboarding

Onboarding refers to the process of guiding users through the initial setup and familiarisation with a new feature or significant change in our products.

© 2025 Docplanner Group
Getting startedUpdatesGitHub