Skip to content
This repository has been archived by the owner on May 27, 2024. It is now read-only.
/ flexery Public archive

Flex modifier utilities for working with (P)React

License

Notifications You must be signed in to change notification settings

barelyhuman/flexery

Repository files navigation

flexery

Flex modifier utilities for working with React

Star the repo, support the dev, etc etc

Install

npm i flexery
# or
yarn add flexery

Usage

// Flex Helpers
<Box flex />
<Box flex-1 />
<Box flex-2 />
// ... and so on

// Flex Alignment Helpers
<Box alignTop alignBottom alignCenter alignStart alignEnd alignBaseline />
<Box  justTop justBottom justCenter justStart justEnd justBaseline  justBetween jsutAround justEvenly justStretch/>

// Note: centerX and centerY are fixed to `X` being justifyContent and `Y` being alignItems
<Box center centerX centerY />

API

The library has a similar api to Spacery , just replace the name with Flexery

License

MIT