components

Accordion

Allows content to expand and collapse, optimizing space and enhancing navigation efficiency.

Variants

States

Anatomy

Properties

Properties

Vertical Exposure

Description

1. Card

removable

changeable

Color

N0

None

Width

full-width

None

Height

hug

None

Radius

8px

None

  1. Dyanamic Header

unremovable

changeable

Content

can put any content

exposed

  1. Right Icon

unremovable

unchangeable

Color

icon HE

none

Icon

tds_ic_chevron

none

Source

TDS Asset

URL

none

  1. Dynamic content

unremovable

changeable

Content

can put any component

exposed

Dimension

Tap Area

Implementation example

Variants

States

Anatomy

Properties

Properties

Vertical Exposure

Description

1. Card

removable

changeable

Color

N0

None

Width

full-width

None

Height

hug

None

Radius

8px

None

  1. Dyanamic Header

unremovable

changeable

Content

can put any content

exposed

  1. Right Icon

unremovable

unchangeable

Color

icon HE

none

Icon

tds_ic_chevron

none

Source

TDS Asset

URL

none

  1. Dynamic content

unremovable

changeable

Content

can put any component

exposed

Dimension

Tap Area

Implementation example

Variants

States

Anatomy

Properties

Properties

Vertical Exposure

Description

1. Card

removable

changeable

Color

N0

None

Width

full-width

None

Height

hug

None

Radius

8px

None

  1. Dyanamic Header

unremovable

changeable

Content

can put any content

exposed

  1. Right Icon

unremovable

unchangeable

Color

icon HE

none

Icon

tds_ic_chevron

none

Source

TDS Asset

URL

none

  1. Dynamic content

unremovable

changeable

Content

can put any component

exposed

Dimension

Tap Area

Implementation example

design@tiket.com

© Passport tiketdesign 2024. All Right Reserved.

design@tiket.com

© Passport tiketdesign 2024.
All Right Reserved.