https://github.com/ecelis/e-react-ui

ReactJS Styled Components Library
https://github.com/ecelis/e-react-ui

javascript react showcase styled-components

Last synced: 24 days ago
JSON representation

ReactJS Styled Components Library

• Host: GitHub
• URL: https://github.com/ecelis/e-react-ui
• Owner: ecelis
• License: mit
• Created: 2022-08-02T00:16:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-18T02:11:04.000Z (about 2 years ago)
• Last Synced: 2023-10-11T20:43:33.327Z (about 1 year ago)
• Topics: javascript, react, showcase, styled-components
• Language: JavaScript
• Homepage:
• Size: 5.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# e-react-ui

Experiment to create a React component library based on 💅🏾 [styled-components](https://styled-components.com/). There are some examples at https://ecelis.github.io/e-react-ui/

[![Edit ecstatic-fog-5r7pb0](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ecstatic-fog-5r7pb0?fontsize=14&hidenavigation=1&theme=dark)

## Features

- Grid system

- Autocomplete searchbox

- Buttons

- Calendar (WIP #10)

- Container with overflow control

- List

## Install

```

npm install --save styled-components e-react-ui

```

## Usage

In a new `create-react-app` use the code below in `src/App.js` and run `npm start`.

⚠️ IMPORTANT! Do NOT FORGET to add `` in you App entrypoint react component as sibling of components created with e-react-ui.

```javascript

import logo from './logo.svg';

import './App.css';

import { GlobalStyle, Button } from 'e-react-ui/dist';

import GlobalStyles from 'e-react-ui/dist/components/globalStyles';

function App() {

  return (

    


      

      

        

        


          Edit src/App.js and save to reload.

        

        

      

    

  );

}


export default App;

```