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

    • Filter

    • File Upload

    • Grid

    • Header

    • Icon

    • Icon Button

    • Input

    • Layout

    • Link

    • Loading Overlay

    • 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

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

Select

Skeleton

Spacer

Spinner

Stack

Step Indicator

Table

Tabs

Text

Textarea

Toast

Toggle

Tooltip

© 2025 Docplanner Group
Getting startedUpdatesGitHub