@illa-design/space v1.3.0

Space

Space is used to set the spacing and arrangement between components.

Installation

yarn add @illa-design/space

Import component

import { Space } from "@illa-design/space"

API

Space Basic Properties

Example

Basic usage

<Space />

Setting space size

<Space size="large" />

Setting alignment

<Space alige="start">
  <Tag>Hello</Tag>
  <Tag size="small">Small</Tag>
  <Tag size="medium">Medium</Tag>
  <Tag size="large">Large</Tag>
</Space>

Setting arrangement direction

<Space direction="vertical">
  <Tag>Hello</Tag>
  <Tag size="small">Small</Tag>
  <Tag size="medium">Medium</Tag>
  <Tag size="large">Large</Tag>
</Space>

Adding divider between the each child

<Space divider>
  <Tag>Hello</Tag>
  <Tag size="small">Small</Tag>
  <Tag size="medium">Medium</Tag>
  <Tag size="large">Large</Tag>
</Space>

Setting wrap

<Space wrap>
  <Tag>Hello</Tag>
  <Tag size="small">Small</Tag>
  <Tag size="medium">Medium</Tag>
  <Tag size="large">Large</Tag>
</Space>