Events.mlai NPM

event.mlai

Table of Contents:

Description

A component library made with React

Getting Started

To get started with this project, you'll need to have Node.js installed on your machine. Once you have Node.js set up, you can clone this repository and install the dependencies by running the following commands:

git clone https://github.com/Mathieu-ai/ListEvents
cd ListEvents
npm i, yarn install or pnpm i

Usage

Classes:

Classes	Explanation
*`date`*	Date of the events
*`event-list`*	Wrapper for the main content of the page
*`event-item`*	Event Card
*`item-time`*	Wrapper of the title and time of the event
*`item-time-start`*	Starting time (hours) of the event
*`item-time-end`*	Ending time (hours) of the event
*`item-title`*	Title of the event
*`item-topic`*	Wrapper of the event's topic
*`item-room`*	Wrapper of the event's room
*`item-description`*	Wrapper of the event's description

Example:

import { EVENTS } from 'events.mlai';

function App() {
    return (
        <div className="App">
            <div>
                <EVENTS url="https://api-url"></EVENTS>
            </div>
        </div>
    );
}