Skip to content

Commit eeffe5e

Browse files
authored
Update README.md
1 parent 65a986a commit eeffe5e

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

README.md

+18
Original file line numberDiff line numberDiff line change
@@ -282,6 +282,24 @@ button {
282282

283283
See also your CSS framework/tooling documentation for ways to define them in JS if you prefer.
284284

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+
285303
### Origin of the project name?
286304

287305
Mist is inspired by atomized water 💧 often seen near waterfalls. A nod to the _Cascading_ in CSS 🌊.

0 commit comments

Comments
 (0)