navigation bar

⌘ Anatomy

Fungsi dan Cara Penggunaannya

*

Komponen ini berfungsi menyediakan daftar menu pilihan untuk navigasi cepat antar bagian dalam aplikasi atau situs web.

**

Digunakan ketika menyediakan daftar navigasi singkat untuk berpindah di antara beberapa fitur atau halaman.

Penjelasan Component Variant

1

2

Menunjukkan menu yang sedang aktif atau dipilih oleh pengguna.

3

4

Ikon visual untuk melengkapi teks menu dan membantu pengguna mengidentifikasi menu dengan lebih cepat

↔ Spacing

Navigation Bar Mobile

Width

Fixed

390px

Height

Hug

64px

Direction

Horizontal

Align Children

Center Space between

Menu 1

Width

Fill

97px

Height

Hug

64px

Direction

Horizontal

Align Children

Center

Padding

Spacing/8PX

Spacing/12PX

Gap

10px

Menu 1

Width

Fill

73px

Height

Hug

48px

Direction

Vertical

Align Children

Top Center

Gap

8px

ramadhanrizqi617@gmail.com