obeyaka-web-ui

React + Mantine 8 component library.

Install

``bash
npm i obeyaka-web-ui
`

Peer deps:

`bash
npm i react react-dom @mantine/core @mantine/hooks @mantine/emotion
`

Usage

$3

`tsx
import { ObeyakaUIProvider, GridSection } from "obeyaka-web-ui";
import "@mantine/core/styles.css";

function App() {
return (

sectionProps={{
header: "My Section",
subheader: "Description here",
}}
rows={[...]}
/>

);
}
`

$3

Set theme at the provider level, and all components will automatically use it:

`tsx

{/ All ImageLoader components will use "dark" theme automatically /}
sectionProps={{ header: "Title" }}
rows={[
{
cols: [
{
card: {
content: , // theme="dark" inferred
},
},
],
},
]}
/>

`

$3

You can still override theme at the component level:

`tsx

{/ Uses "light" /}
{/ Uses "dark" from context /}

`

Development

`bash
npm run storybook
npm run build
``