obeyaka-ui 0.1.13 → 0.1.14

package/README.md

@@ -35,9 +35,17 @@ npm install obeyaka-ui
 
 ### Setup with ThemeProvider
 
-Wrap your application with `ThemeProvider` to enable all features:
+**⚠️ IMPORTANT: Import Mantine CSS styles first**
+
+You must import the required Mantine CSS styles before using the components:
 
 ```tsx
+// Import Mantine styles (REQUIRED)
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import '@mantine/dates/styles.css';
+
+// Then wrap your application with ThemeProvider
 import { ThemeProvider } from 'obeyaka-ui';
 
 function App() {
@@ -50,6 +58,30 @@ function App() {
 }
 ```
 
+**Full Setup Example:**
+
+```tsx
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import '@mantine/dates/styles.css';
+import '@mantine/spotlight/styles.css';
+import '@mantine/code-highlight/styles.css';
+import '@mantine/dropzone/styles.css';
+import '@mantine/carousel/styles.css';
+import '@mantine/nprogress/styles.css';
+import '@mantine/tiptap/styles.css';
+
+import { ThemeProvider } from 'obeyaka-ui';
+
+function App() {
+  return (
+    <ThemeProvider>
+      <YourApp />
+    </ThemeProvider>
+  );
+}
+```
+
 ### Basic Usage
 
 ```tsx