You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: README.md
+18
Original file line number
Diff line number
Diff line change
@@ -282,6 +282,24 @@ button {
282
282
283
283
See also your CSS framework/tooling documentation for ways to define them in JS if you prefer.
284
284
285
+
### How to Use MistCSS with an External UI?
286
+
287
+
Assuming you have your UI components in a separate package `my-ui` and you're using Next.js, follow these steps:
288
+
289
+
`app/layout.tsx`
290
+
291
+
```tsx
292
+
import 'my-ui/mist.css'
293
+
```
294
+
295
+
`app/mist.d.ts`
296
+
297
+
```
298
+
import 'my-ui/mist.d.ts
299
+
```
300
+
301
+
This setup ensures that your Next.js application correctly imports styles and type definitions from your external UI package. It may vary based on tools you're using, but the same principles should apply.
302
+
285
303
### Origin of the project name?
286
304
287
305
Mist is inspired by atomized water 💧 often seen near waterfalls. A nod to the _Cascading_ in CSS 🌊.
0 commit comments