VNR Design System

Divider

A divider line separates different content.

Khi nào sử dụng

Phân nhóm nội dung

Tách các section khác nhau trên cùng một trang.

Divider có text

Đường kẻ với nhãn ở giữa như 'HOẶC', 'XEM THÊM'.

Labeled Divider

Show section title centered within the line.

Hướng dẫn

Do
  • Dùng tiết chế — không chia quá nhiều section nhỏ
  • Giữ style nhất quán xuyên suốt trang
Don't
  • Đặt Divider giữa các item trong List có sẵn border
  • Dùng Divider dày làm trang rối mắt

Horizontal

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem.

But I must explain to you how all this mistaken idea.

Vertical

With Text