Haring

Haring is a component library based on Mantine that offers a higher level of components to help you build consistent user interfaces faster.

Documentation

You can access the documentation here: https://smile-sa.github.io/haring-doc

Storybook

You can check the components in Storybook: https://smile-sa.github.io/haring

Getting Started

Haring is split into multiple packages:

• @smile/haring-react-shared: Shared components (required by other packages)
• @smile/haring-react: Core components library containing all major components.
• @smile/haring-react-dates: Date related components.
• @smile/haring-react-dropzone: File upload components.
• @smile/haring-react-table: Table related components.

Installation

For a basic installation, ensure you use React 18 or later and then run:

npm i @smile/haring-react @mantine/core @mantine/hooks @phosphor-icons/react

See each package README file for installation.