Margin
Overview
BigDesign provides a margin prop which can be used for some of our components. Check out a component's prop table to see if the component inherits this prop.
Implementation
The following example showcases the simplest way to use the margin prop by giving it a Spacing value.
Edit the code below to see your changes live!
<Button margin="medium">Example</Button>
Props
Prop name | Type | Default | Description |
|---|---|---|---|
margin | Spacing | | Determines the margin to be applied. |
marginTop | Spacing | | Determines the top margin to be applied. |
marginRight | Spacing | | Determines the right margin to be applied. |
marginBottom | Spacing | | Determines the bottom margin to be applied. |
marginLeft | Spacing | | Determines the left margin to be applied. |
marginVertical | Spacing | | Determines the top and bottom margin to be applied. |
marginHorizontal | Spacing | | Determines the left and right margin to be applied. |
Props ending with * are required