0.0.8 • Published 2 years ago

chakra-react-calender v0.0.8

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Chakra-Calender

Build Status Tux, the Linux mascot

Installation

using npm:

$ npm i chakra-react-calender

using yarn:

$ yarn add chakra-react-calender

Example

import { ChakraCalender } from 'chakra-react-calender';

const App=()=>{
       const value={ '2022-5-12': { value: 2, message: 'leave'}}
       const colors=['red','blue','green','pink','orange']
       return(
       <ChakraCalender
        values={value}
        legend={['leave', 'late', 'WFH']}
        colors={colors}
       />
    )}

Props

propsvalue
values{'2022-2-3':{value:number,message:string}
colorsstring
hasTooltipBoolean
tooltip(date: string, message: string) => React.ReactNode
cellWidthString
cellHeightString
cellSpecingString
gridGapString
paddingString
backgroundColorString
monthsLabelBoolean
monthsLabelFontSizeString
daysLabelBoolean
legendGapString
cellBorderRadiusString
legendstring
legendLabelGapString
legendLabelBorderRadiusString
yearString
heightString
widthString
marginString

Features

  • will update soon
0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago