Spacer
An element to separate content visually by creating an empty space in between them.
Spacer is a great replacement for CSS margin or gap properties because it takes up content space within the parent container. This prevents flex fill items from overflowing their parent containers when they are supposed to wrap.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | Enum | CSS class size modifier | |
| className | Class Name | CSS class names separated by space |
Examples
Example
Item 1Item 2
Spacer sizes
1
2
3
4
5
6
7
Custom Spacer style
Item 1Item 2