components

Button

Used as triggers for actions. They are used in forms, toolbars, dialog footers and as stand-alone action triggers.

Variants

Anatomy

Properties

Properties

Properties

Properties

Vertical Exposure

Vertical Exposure

Vertical Exposure

Description

Description

Description

1. Container

1. Container

1. Container

unremovable

unchangeable

Color

Color

Color

B400

B300

B200

B100

R200

R100

N200

N0

none (trasparent)

None

Predefined by variants

Width

Width

Width

full-width

hug

None

Radius

Radius

Radius

8px

6px

None

  1. Icon

  1. Icon

  1. Icon

removable

changeable

Color

Color

Color

icon invert

icon activity

icon alert

icon HE

None

Predefined by variants

Size

Size

Size

follow variants

None

Source

Source

Source

TDS asset

None

  1. Button Text

  1. Button Text

  1. Button Text

unremovable

Color

Color

Color

text invert

text activity

text alert

text HE

text disabled

None

Predefined by variants

Predefined by variants

Predefined by variants

Typography token

Typography token

Typography token

body 1 - bold

body 2 - bold

body 3 - bold

None

Predefined by variants

Predefined by variants

Predefined by variants

Overflow handling

Overflow handling

Overflow handling

truncation : end

None

Alignment

Alignment

Alignment

align-center

None

Anatomy

Dimension

design@tiket.com

© Passport tiketdesign 2024. All Right Reserved.

design@tiket.com

© Passport tiketdesign 2024.
All Right Reserved.