Skip to content

Tapsi components

Main Navigation Getting Started Components Design Guidelines

Appearance

Sidebar Navigation

Getting Started

Design System Guidelines

Components

tap-avatar

tap-badge-wrapper

tap-badge

tap-banner

tap-bottom-navigation-item

tap-bottom-sheet

tap-button

tap-checkbox

tap-chip-group

tap-chip

tap-divider

tap-empty-state

tap-icon-button

tap-modal

tap-notice

tap-nps

tap-pinwheel-group

tap-pinwheel

tap-progress-indicator

tap-radio-group

tap-radio

tap-route

tap-row

tap-segmented-button-group

tap-segmented-button

tap-skeleton

tap-spinner

tap-step-indicator

tap-stepper

tap-switch

tap-text-field

tap-textarea

tap-toast

tap-tooltip

tap-chat-bubble-in

tap-chat-bubble-out

API References

CSS Parts

Design Tokens

Colors

Radius

Spacing

Stroke

Typography

Components

On this page

Stroke Tokens

Token	Value	Example
`--tap-sys-stroke-0`	`0px`
`--tap-sys-stroke-1`	`1px`
`--tap-sys-stroke-2`	`2px`

Pager

Next pageGetting Started