https://github.com/kripod/react-layout-components

Layout components for React, primarily inspired by Every Layout (https://every-layout.dev/)
https://github.com/kripod/react-layout-components

Last synced: 1 day ago
JSON representation

Layout components for React, primarily inspired by Every Layout (https://every-layout.dev/)

• Host: GitHub
• URL: https://github.com/kripod/react-layout-components
• Owner: kripod
• License: mit
• Created: 2020-06-21T22:25:28.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-12T22:40:56.000Z (about 4 years ago)
• Last Synced: 2024-11-22T03:32:20.936Z (21 days ago)
• Language: TypeScript
• Homepage: https://react-layout-components.js.org/
• Size: 404 KB
• Stars: 26
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• jimsghstars - kripod/react-layout-components - Layout components for React, primarily inspired by Every Layout (https://every-layout.dev/) (TypeScript)

README

        
# React Layout Components

[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/kripod/react-layout-components.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/kripod/react-layout-components/context:javascript)

[![Travis (.com)](https://img.shields.io/travis/com/kripod/react-layout-components)](https://travis-ci.com/github/kripod/react-layout-components)

Layout components for React, primarily inspired by [Every Layout](https://every-layout.dev/):

- Stack ([demo](https://codesandbox.io/s/layout-components-stack-1xnx3?file=/src/App.tsx))

- Cluster ([demo](https://codesandbox.io/s/layout-components-cluster-otcnh?file=/src/App.tsx))

- Spacer

- Frame

- Pin

- Icon

- VisuallyHidden

Mixins:

- `touchTarget`

- `clearfix`