Skip to main content

Spacer

Library
UDS Base
Repository
github.com/telus/universal-design-system
Package
npmjs.com/package/@telus-uds/components-base
Package version
1.6.1
Loading...

Introduction

import { Spacer } from '@telus-uds/components-base'
info

coming soon!

Props

NameTypeDefaultDescription
spaceunion1The size of the spacer according to the theme's spacing scale. Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc), or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
direction'column' | 'row''column'The spacer applies space in only one direction, which is controlled by the `direction` prop: - `'column'` (default) applies space vertically; has a fixed height and not width. - `'row'` applies space horizontally; has a fixed width and not height.