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
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 .
antd is 348kB uncompressed.
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.
You can use https://ant.design/components/space/ to put spaces between your buttons or any other elements.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With