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.

1const App = () => {
2  return (
3    <div>
4      <Horizontal>
5        <div>Hello</div>
6        <div>World</div>
7      </Horizontal>
8
9      <hr />
10
11      <Vertical>
12        <div>Goodbye</div>
13        <div>World</div>
14      </Vertical>
15    </div>
16  );
17};

Produces:

Install

1yarn install && yarn watch

Usage

1cd examples && yarn start

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

Run tests

1yarn 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