Casso Brand Kit
Tải trọn bộ logo
Mục lục

Components

Top-Navigation (Master)

Dựng từ contract Top-Navigation/Master/Medium, gồm 4 variant, properties Size × Inverse.

Thanh điều hướng của màn hình gốc, không có nút back và có một nút icon ở mép phải. Thanh không vẽ status bar, vì hệ điều hành tự vẽ phần đó.

Color scheme
Brand
Density
Radius
Emphasis
Type scale

API

Props

PropertyValuesDefaultDescription
sizesmall · mediummedium
inversebooleanfalseDùng khi nav nằm trên nền tối hoặc ảnh: bỏ nền, đảo màu nội dung
titletextHeading

Section 01

Default

Section 02

Sizes

Size

small
medium

Section 03

Inverse

Inverse = No

on light

Inverse = Yes

Inverse chỉ đổi màu, không đổi cỡ chữ hay chiều cao. Ở trạng thái này nav không có nền, nên màn hình phải tự vẽ nền.