Introduction
⚙️ – Core
⚛️ – Atoms-Molecules
AvatarBadgeButtonCheckBoxFieldCircleDividerDownloadCardIconInputFieldInputFieldButtonLinkListItemOneTimeCodeInputPhotoAvatarRadioGroupFieldRatingSelectFieldSimpleAvatarSpacerPropertiesBasic usageSizesHorizontal SpacerSwitchFieldTextToast❌ Icon (Deprecated)❌ Roboto (Deprecated)❌ WorkSans (Deprecated)
🧬 – Organisms
Spacer
Spacer component is a simple View that you can use to add a bit of space between components, whether they are aligned horizontally or vertically.
It comes in various sizes to suit your needs.
Properties
size
1 | 3 | 0.5 | 2 | 4 | 5 | 6 | 7 | 8 | undefined
2
Width/height (depends on the flex-direction of the parent) of the spacer. Based on 8px scale
isHorizontal
boolean | undefined
A boolean to make it a horizontal spacer