Skip to content

Commit

Permalink
chore: add unstyled example
Browse files Browse the repository at this point in the history
  • Loading branch information
zdravkov committed Oct 4, 2024
1 parent ff880fa commit 825fe65
Show file tree
Hide file tree
Showing 15 changed files with 7,310 additions and 0 deletions.
5 changes: 5 additions & 0 deletions examples/kendo-unstyled-tailwind/.astro/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"_variables": {
"lastUpdateCheck": 1728024656987
}
}
1 change: 1 addition & 0 deletions examples/kendo-unstyled-tailwind/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
15 changes: 15 additions & 0 deletions examples/kendo-unstyled-tailwind/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
# Using KendoReact components in Unstyled mode and TailwindCSS

## The scenario
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.

## The solution
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.

## Kendo Unstyled preset
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.

## Getting started

1. npm i
2. npm start
9 changes: 9 additions & 0 deletions examples/kendo-unstyled-tailwind/astro.config.mjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import { defineConfig } from 'astro/config';
import react from "@astrojs/react";

import tailwind from '@astrojs/tailwind';

// https://astro.build/config
export default defineConfig({
integrations: [react(), tailwind()]
});
Loading

0 comments on commit 825fe65

Please sign in to comment.