JezveJS React

Components and utilities to organize development of pet project.

This package is adoptation of JezveJS library for React architecture.

Installation and usage

Install using NPM

npm install @jezvejs/react

Import required component

import { Button } from '@jezvejs/react';

Use it in your application:

<div>
        <Button icon={PlusIcon} type="link">Click me</Button>
</div>

Development

Start local Storybook server:

npm start

Run tests

Run test scenarios with Playwright

npm test

Components

• Button
• Checkbox
• CloseButton
• Collapsible
• DatePicker
• Header
• IndetermProgress
• Offcanvas
• Paginator
• Popup
• Progress
• Radio
• RangeSlider
• Slider
• Sortable
• Spinner
• Switch
• TabList
• Tags

Charts

• Histogram
• LineChart
• PieChart
• RangeScrollChart

Hooks

• useDebounce
• useEmptyClick
• usePopupPosition
• useResizeObserver

Input

• ColorInput
• ControlledInput
• DateInput
• DecimalInput
• Input
• InputGroup

Menu

• DropDown
• Menu
• PopupMenu
• WeekDaySelect

Utilities

• Drag'n'Drop