Border

Design Tokens for borders define the visual properties such as color, width, style, and radius that are used to create borders in user interfaces.

• $t-a-border-color-primary

  #222222

  Primary border color

• $t-a-border-color-input

  #999999

  Input border color

• $t-a-border-color-button

  #01324b

  Button border color

• $t-a-border-color-indent

  #dadada

  Indent border color

• $t-a-border-radius-50

  2px

  Border radius 50

• $t-a-border-radius-100

  4px

  Border radius 100

• $t-a-border-radius-200

  8px

  Border radius 200

• $t-a-border-radius-800

  32px

  Border radius 800

• $t-a-border-width-25

  1px

  Border width 25

• $t-a-border-width-50

  2px

  Border width 50

• $t-a-border-width-100

  4px

  Border width 100

• $t-a-border-width-200

  8px

  Border width 200