sr-flex v0.0.6

sr-flex

Easy to use React Flexbox component.

Usage

npm i sr-flex

And import it into your code:

import Flex from 'sr-flex';

export function App() {
  return (
    <main>
      <Flex justifyContent="space-between" alignItems="center">
        <div>Lorem ipsum dolor sit amet.</div>
        <div>Lorem ipsum dolor sit amet.</div>
        <div>Lorem ipsum dolor sit amet.</div>
      </Flex>
    </main>
  );
}

Props

justifyContent

Possible Values:

• flex-start
• flex-end
• start
• end
• left
• right
• center
• space-between
• space-around
• space-evenly

alignItems

Possible Values:

• stretch
• flex-start
• flex-end
• center
• baseline
• first baseline
• last baseline
• start
• end
• self-start
• self-end