infinity-modules-sunnat16 v0.1.5

Infinity Modules - Sunna

This is a project for a course called Web-Programming II in University of Reykjavík. This is a styling library called InfinityModules and it works similarly as Bootstrap and MaterialUI. Feel free to use this library!

Components

Modal

import { Modal } from 'infinity-modules-sunna';

<Modal
    isOpen={this.state.isOpen}
    onClose={() => this.setState({ isOpen: false })}>
    <Modal.Title>My Modal Title</Modal.Title>
    <Modal.Body>My Modal Body</Modal.Body>
    <Modal.Footer>My Modal Footer</Modal.Footer>
</Modal>

Carousel

import { Carousel } from 'infinity-modules-sunna';

<Carousel
    images={[ 
        'https://example.com/pic1.jpg',
        'https://example.com/pic2.jpg'
    ]}
    size='medium' />

Row and Col

import { Row, Col } from 'infinity-modules-sunna';

<Row>
    <Col size={4}></Col>
    <Col size={4}></Col>
    <Col size={4}></Col>
</Row>

DatePicker

import { DatePicker } from 'infinity-modules-sunna';

<DatePicker
    onDatePick={date => this.setState({date})}
    locale='en-EN'/>

CartoonNetworkSpinner

import { CartoonNetworkSpinner } from 'infinity-modules-sunna';

<CartoonNetworkSpinner 
	interval={4}/>