Watson
  • Updates
  • Getting started
    • Design

    • Development

    • Migrating to WDS

      New
  • Guidelines
    • Design Principles

    • Depth

  • Foundations
    • Spacing

    • Size

    • Typography

    • Color

  • Patterns
    • Loading

    • Onboarding

    • Empty states

  • Components
    • Action bar

    • Avatar

    • Badge

    • Banner

    • Breadcrumbs

    • Button

    • Button Group

    • Card

    • Calendar

    • Checkbox

    • Collapse

    • Combobox

    • Date Picker

    • Divider

    • Dropdown Menu

    • Empty State

    • Fieldset

    • Filter

    • File Upload

    • Grid

    • Header

    • Icon

    • Icon Button

    • Input

    • Layout

    • Link

    • Loading Overlay

    • Modal

    • Navigation List

    • Pagination

    • Popover

    • Progress Bar

    • Radio

    • Segmented Control

    • Select

    • Skeleton

    • Spacer

    • Spinner

    • Stack

    • Step Indicator

    • Table

    • Tabs

    • Text

    • Textarea

    • Toast

    • Toggle

    • Tooltip

  • Tokens
  • Iconography
  • Templates
    • Table View

    • Settings

    • Landing

    • Wizard

  • Contribute

Components

Watson provides a set of components to help you develop new feature interfaces faster. This frees us up to focus on solving unique product challenges, rather than reinventing interface elements that are already in use.

Action Bar

Avatar

Badge

Banner

Breadcrumbs

Button

Button Group

Calendar

Card

Checkbox

Collapse

Combobox

Date Picker

Divider

Dropdown Menu

Empty state

Fieldset

File Upload

Filter

Grid

Header

Icon

Icon Button

Input

Layout

Link

Loading Overlay

Modal

Navigation List

Pagination

Popover

Progress Bar

Radio

Segmented Control

A Segmented Control is a linear set of connected controls that lets users select one or more related options, instantly updating the content or view within the same screen.

Select

Skeleton

Spacer

Spinner

Stack

Step Indicator

Table

Tabs

Text

Textarea

Toast

Toggle

Tooltip

© 2025 Docplanner Group
Getting startedUpdatesGitHub