# infinity-modules-andril18

> This package is made for Small assignment 4 in the course T-427-WEPO in Reykjavik university

Latest version **1.0.0** (published 2021-03-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install infinity-modules-andril18
pnpm add infinity-modules-andril18
yarn add infinity-modules-andril18
bun add infinity-modules-andril18
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2021-03-28 |
| First published | 2021-03-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 23.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | andrilor |
| Maintainers | andrilor |
| Keywords | react, prop-types |

## Links

- npm: https://www.npmjs.com/package/infinity-modules-andril18
- npm.io page: https://npm.io/package/infinity-modules-andril18

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^16.8.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2021-03-28
- 0.2.0 — 2021-03-28
- 0.1.4 — 2021-03-28
- 0.1.3 — 2021-03-28
- 0.1.2 — 2021-03-28
- 0.1.1 — 2021-03-28
- 0.1.0 — 2021-03-28

## README

# infinity-modules

This package is made for Small assignment 4 in the course T-427-WEPO in Reykjavik university

## Installation

To set up the infinity-modules package simply run the following command.

```bash
npm install --save infinity-modules-andril18
```

## Usage
The Project is split into 6 parts and will the following give you a sample code for that part.
```python
import { Modal, Carousel, Row, Col, DatePicker, CartoonNetworkSpinner } from 'infinity-modules-andril18';
```

### Modal
```react
class App extends Component {
  constructor(props) {
    super(props);
    this.state = { isModalOpen: false };
  }
  render() {
    const { isModalOpen } = this.state;
    return (
      <div className="Modal">
        <button onClick={() => this.setState({ isModalOpen: true })}>Click me</button>
        <Modal
          isOpen={isModalOpen}
          onClose={() => this.setState({ isModalOpen: false })}>
          <Modal.Title>MY MODAL TITLE</Modal.Title>
          <Modal.Body>MY MODAL BODY</Modal.Body>
          <Modal.Footer>MY MODAL FOOTER</Modal.Footer>
        </Modal>
      </div>
    );
  }
}
```
### Carousel

```react
<Carousel
  images={[
    'https://www.bradtguides.com/wp-content/uploads/2021/03/fagradalsfjall_eruption_iceland_AmarokAdventures-1024x682.jpg',
    'https://s.abcnews.com/images/International/iceland-volcano-eruption-04-rt-jef-210322_1616438993240_hpEmbed_3x2_992.jpg'
  ]}
  size='medium'
  />
```
### Row and Col
```react
<Row>
  <Col size={6}>name</Col>
  <Col size={6}>name</Col>
</Row>
```
### DatePicker & CartoonNetworkSpinner
Were not implemented in time but that should have worked with the following:

```react
<div className="DatePicker">
  <h2> DatePicker </h2>
  <DatePicker
    onDatePick={date => this.setState({ date })}
    locale="en-EN" />
</div>
<div className="CartoonNetworkSpinner">
  <h2> CartoonNetworkSpinner </h2>
  <CartoonNetworkSpinner
    interval={4} />
</div>          
```

---
_Source: https://npm.io/package/infinity-modules-andril18 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._