@consta/react-big-calendar-adapter
v0.2.3
Published
reactBigCalendarAdapter | [Дизайн-система Consta](https://consta.design/)
Downloads
805
Keywords
Readme
reactBigCalendarAdapter | Дизайн-система Consta
Этот адаптер стилизует таблицу react-big-calendar для дизайн-системы Consta.
Как использовать
Установите пакет
# NPM
$ npm install @consta/react-big-calendar-adapter
# Yarn
$ yarn add @consta/react-big-calendar-adapter
Подключите зависимости
Чтобы начать работу, установите библиотеку @consta/uikit
и настройте тему.
Можно использовать компоненты
Например, так:
import React from 'react';
import { reactBigCalendarAdapter } from '@consta/react-big-calendar/reactBigCalendarAdapter';
import moment from 'moment';
import { momentLocalizer, Calendar } from 'react-big-calendar';
moment.locale('ru');
const localizer = momentLocalizer(moment);
export const ReactBigCalendarAdapter = () => {
const { prefix, ...otherProps } = reactBigCalendarAdapter({});
return (
<Calendar
defaultDate={new Date(2022, 3, 1)}
events={events}
localizer={localizer}
showMultiDayTimes
className={prefix}
defaultView="month"
{...otherProps}
/>
);
};
Документация
Посмотреть документацию и примеры
Разработка
Подготовка окружения
Рабочее окружение должно содержать NodeJS и Yarn.
Чтобы установить зависимости, выполните команду:
$ yarn install
Основные команды
# Запуск локального сервера для разработки
$ yarn start
# Сборка пакета
$ yarn build
# Сборка стенда
$ yarn stand:build
# Запуск тестов
$ yarn test
Контрибьюторам
Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте инструкцию для контрибьюторов.
Лицензия
Дизайн-систему можно использовать бесплатно, она распространяется на условиях открытой лицензии MIT.