layout-styled-components
TypeScript icon, indicating that this package has built-in type declarations

0.1.13 • Public • Published

Welcome to layout-styled-components 👋

Version Documentation Twitter: thekitze

Styled Components Layout Helper Components

This project simplify uses horizontal, grid,vertical and space styled-components.

Example

See example/index.tsx.

const App = () => {
  return (
    <div>
      <Horizontal>
        <div>Hello</div>
        <div>World</div>
      </Horizontal>
 
      <hr />
 
      <Vertical>
        <div>Goodbye</div>
        <div>World</div>
      </Vertical>
    </div>
  );
};

Produces:

ScreenShot

Install

yarn install && yarn watch

Usage

cd examples && yarn start

See it in browser at http://localhost:1234

Run tests

yarn run test

Author

👤 Kitze

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!


This README was generated with ❤️ by readme-md-generator

Readme

Keywords

none

Package Sidebar

Install

npm i layout-styled-components

Weekly Downloads

13

Version

0.1.13

License

none

Unpacked Size

41.8 kB

Total Files

14

Last publish

Collaborators

  • kitze
  • praneetro
  • zeko369