Skip to content

Commit 825fe65

Browse files
committed
chore: add unstyled example
1 parent ff880fa commit 825fe65

File tree

15 files changed

+7310
-0
lines changed

15 files changed

+7310
-0
lines changed
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"_variables": {
3+
"lastUpdateCheck": 1728024656987
4+
}
5+
}
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# Using KendoReact components in Unstyled mode and TailwindCSS
2+
3+
## The scenario
4+
The client already works with TailwindCSS to style their application and want to include our KendoReact components and they want to continue using the same styling technique with Tailwind everywhere without the need to add KendoTheme.
5+
6+
## The solution
7+
We can use KendoReact components in Unstyled mode and use Tailwind classes to style the components as it is done in the sample `tailwind-preset.ts` file.
8+
9+
## Kendo Unstyled preset
10+
The preset file is a sample set of classes for each KendoReact unstyled component that provides one possible way to have it styled. It can be further customized according to the design needs.
11+
12+
## Getting started
13+
14+
1. npm i
15+
2. npm start
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { defineConfig } from 'astro/config';
2+
import react from "@astrojs/react";
3+
4+
import tailwind from '@astrojs/tailwind';
5+
6+
// https://astro.build/config
7+
export default defineConfig({
8+
integrations: [react(), tailwind()]
9+
});

0 commit comments

Comments
 (0)