Spacing

Use a combination of control size and density to optimize your application and provide a user experience that is most appropriate for your app's functionality and interaction requirements.

4px rule

1. Spacing methods

We have a common set of spacing, and all the numbers are multiples of 4. Spacing should be used in accordance with the content to create a reasonable space.

2. Dimensions

Dimensions refer to the width and height of component elements.

Examples

Sample code

// Some code