infinity-modules-korm v0.1.7

WORLDS WORST REACT COMPONENT COMPILATION

For when you want someone to hate your website with these horrid components

Usage Examples!

Modal

<button onClick={() => setIsOpen(true)} style={{backgroundColor: "red", padding: "1em", color: "white"}}>Open</button>
<Modal
    isOpen={isOpen}
    onClose={() => setIsOpen(false)}
>
    <Modal.Title>This is a title</Modal.Title>
    <Modal.Body>This is a body</Modal.Body>
    <Modal.Footer>This is a footer</Modal.Footer>
</Modal>

Carousel

Sizes can be small/medium/large

<Carousel 
    images={[
        "https://linkToRandomImage.jpg",
        "https://linkToRandomImage.jpg",
        "https://linkToRandomImage.jpg"
    ]}
    size={"medium"}
/>

Row & Col

Row is a container for the beautiful Columns Col Sizes == 12 Is a full line, otherwise it seperates

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

Cartoon Network Spinner

Uhm yeah it spins Interval controls when characters switch in and out

<CartoonNetworkSpinner
    interval={4}
/>