Skip to content

sizzyapp/layout-styled-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published