Spacing System

Helping teams build consistent experiences through spacing, alignment and many predefined classes.

How to use spacing component with our current tech.

Get started with

Install Zeta Flutter

See also

Flutter example app

Install Zeta React

Zeta React works as a standard TypeScript or JavaScript library and can be installed through the standard NPM based tools (i.e. npm, yarn)

# npm  
npm i @zebra-zeta/react  

# yarn  
yarn add @zebra-zeta/react

Peer Dependencies

Zeta React requires React as a peer dependency. You will probably already have React installed as a project dependency. If not, you can add React by running the following command:

# npm  
npm i react  

# yarn  
yarn add react

See also

Get started with GitHub

Get started with Figma

Get started with CSS & Tokens

Use these predefined classes and Tokens, request new classes and/or suggest according to BEM and Token naming spreadsheet