https://github.com/halafi/styled-flex-lite

lightweight reusable Flex component
https://github.com/halafi/styled-flex-lite

Last synced: 3 months ago
JSON representation

lightweight reusable Flex component

• Host: GitHub
• URL: https://github.com/halafi/styled-flex-lite
• Owner: halafi
• Created: 2020-05-26T11:00:39.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T07:03:13.000Z (about 3 years ago)
• Last Synced: 2025-09-15T19:00:03.142Z (7 months ago)
• Language: TypeScript
• Homepage: https://halafi.github.io/styled-flex-lite
• Size: 8.46 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Styled Flex Component

[![npm](https://img.shields.io/npm/v/styled-flex-lite.svg)](https://www.npmjs.com/package/styled-flex-lite)

Minimalistic React Flex component with Typescript support.

- No styled-system props

- No support for array props

- Compatible with majority of rebass props

## Install

```

yarn add styled-flex-lite

or

npm i -S styled-flex-lite

```

## Usage

```jsx

import React from 'react';

import Flex from 'styled-flex-lite';

export default () => (

  

    
Hello

    
World

  

);

```


## Flex Props

```

  as?: string; // polymorphic prop, e.g. main, footer...

  alignItems?: Alignment;

  alignContent?: AlignContent;

  justifyContent?: Justify;

  flexDirection?: Direction;

  flexWrap?: Wrap;

  flexFlow?: string;

  flex?: string;

  flexGrow?: number;

  flexShrink?: number;

  flexBasis?: string;

  order?: number;

  alignSelf?: Alignment;

```

# License

MIT