Design System

Page indicator

Anatomy

1. bar:active
2. bar

Structure

bar:activewidth48px
height--size-height-01
border-radius--boder-radius-circular
barwidth16px
height--size-height-01
border-radius--boder-radius-circular
bar-groupgap--spacing-inline-01

Color

bar:activebackground-color--color-interactive-main-default
barbackground-color--color-surface-sunken