@clickhouse/click-ui 0.0.234-sc-deprecation.6 → 0.0.234-sc-deprecation.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -1
- package/dist/click-ui.bundled.es.js +6356 -6302
- package/dist/click-ui.bundled.umd.js +45 -25
- package/dist/click-ui.es.js +6356 -6302
- package/dist/click-ui.umd.js +45 -25
- package/dist/components/Link/linkStyles.d.ts +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/theme/utils/css-generator.d.ts +12 -0
- package/package.json +14 -2
- package/dist/theme/hooks/useSystemTheme.d.ts +0 -3
- package/dist/theme/utils/themeClasses.d.ts +0 -26
package/README.md
CHANGED
|
@@ -13,9 +13,24 @@ Click UI has been tested in NextJS, Gatsby, and Vite. If you run into problems u
|
|
|
13
13
|
npm install @clickhouse/click-ui
|
|
14
14
|
```
|
|
15
15
|
|
|
16
|
-
2. **
|
|
16
|
+
2. **Import the styles**
|
|
17
|
+
|
|
18
|
+
Add this import at the top of your main application file (before other styles):
|
|
19
|
+
|
|
20
|
+
```typescript
|
|
21
|
+
import '@clickhouse/click-ui/style.css';
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
**Where to import:**
|
|
25
|
+
- **Next.js App Router**: Add to your root `layout.tsx`
|
|
26
|
+
- **Next.js Pages Router**: Add to `pages/_app.tsx`
|
|
27
|
+
- **Gatsby**: Add to `gatsby-browser.js`
|
|
28
|
+
- **Vite/React**: Add to `main.tsx` or `App.tsx`
|
|
29
|
+
|
|
30
|
+
3. **Wrap your app with ClickUIProvider**
|
|
17
31
|
|
|
18
32
|
```typescript
|
|
33
|
+
import '@clickhouse/click-ui/style.css';
|
|
19
34
|
import { ClickUIProvider, Text, Title } from '@clickhouse/click-ui'
|
|
20
35
|
|
|
21
36
|
function App() {
|