Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Spaces between button in Ant Design

Tags:

css

antd

In https://github.com/ant-design/ant-design, how it the recommend method of adding spacing (margin) between buttons?

In semantic-ui, default margins defined within the library CSS. In bootstrap, one can use button groups to add spacing between buttons.

Is adding custom css or inline css the recommended way of achieving margins between buttons? Ideally, I want avoid writing any css when using a css framework

like image 988
Doboy Avatar asked Feb 26 '18 05:02

Doboy


People also ask

How do I customize my antd button?

A loading indicator can be added to a button by setting the loading property on the Button . ghost property will make button's background transparent, it is commonly used in colored background. block property will make the button fit to its parent width. Button components can contain an Icon .

Is antd heavy?

antd is 348kB uncompressed.

What is gutter in Ant Design?

Grid Gutter. You can use the gutter property of Row as grid spacing, we recommend set it to (16 + 8n) px ( n stands for natural number). You can set it to a object like { xs: 8, sm: 16, md: 24, lg: 32 } for responsive design.


1 Answers

You can use https://ant.design/components/space/ to put spaces between your buttons or any other elements.

like image 71
Rohan Bagchi Avatar answered Sep 22 '22 17:09

Rohan Bagchi