praneetrohida / layout-styled-components

Welcome to layout-styled-components 👋

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:

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

• Website: https://youtube.com/kitze
• Twitter: @thekitze
• Github: @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