VNR Design System

Space

Set components spacing with ease.

Khi nào sử dụng

Nhóm button

Đặt nhiều button cạnh nhau với gap nhất quán.

Inline elements

Sắp xếp icon, tag hoặc text trên cùng dòng.

Form Actions

Space submit and cancel buttons uniformly.

Hướng dẫn

Do
  • Dùng size từ design token cho khoảng cách
  • Chọn direction phù hợp (horizontal/vertical)
Don't
  • Dùng Space thay Flex/Grid cho layout phức tạp
  • Lồng Space nhiều cấp — hãy dùng Flex

Basic

Vertical

Sizes

Wrap