pagination

⌘ Anatomy

Fungsi dan Cara Penggunaannya

*

Komponen ini berfungsi memecah konten menjadi beberapa halaman dan memberikan navigasi yang memungkinkan pengguna untuk berpindah di antara halaman-halaman tersebut.

**

Digunakan ketika Memecah konten panjang menjadi beberapa halaman agar lebih mudah diakses.

Penjelasan Component Variant

1

Mengarahkan pengguna ke halaman sebelumnya.

2

Menunjukkan halaman yang sedang dilihat oleh pengguna.

3

Menunjukkan halaman lain yang tersedia untuk diakses.

4

Mengarahkan pengguna ke halaman berikutnya.

↔ Spacing

Pagination

Width

Hug

99px

Height

Hug

40px

Fill variable

Color/Base/White

Stroke variable

Border/Border - Disable

Direction

Horizontal

Align Children

Center

Padding

Spacing/10PX

Spacing/12PX

Gap

Spacing/4PX

Padding

Border - Radius/8PX

0px

0px

Border - Radius/8PX

Pagination

Width

Hug

38px

Height

Hug

40px

Fill variable

Main/Main - Primary

Stroke variable

Border/Border - Primary

Direction

Horizontal

Align Children

Center

Padding

Spacing/10PX

Spacing/16PX

ramadhanrizqi617@gmail.com