1.3.0 • Published 2 years ago

@illa-design/space v1.3.0

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
2 years ago

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

PropsDescTypeDefault
sizeThe space between the each child"mini" | "small" | "medium" | "large" | string"small"
alignSetting alignment"start" | "center" | "end" | "baseline""center"
directionSetting arrangement direction"vertical" | "horizontal""horizontal"
dividerAdding divider between the each childboolean-
wrapsetting wrapboolean-

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>
1.2.0

2 years ago

1.3.0

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.30

2 years ago

1.1.0

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.20

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.9

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.1

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1-alpha.0

4 years ago