1 Answer, 1 is accepted
Hi Muditha,
In some cases, Tailwind can be used for the overall layout and for the content that needs to be styled or customized. In general, you can use Tailwind for everything, except for the Kendo UI for Angular components since they fully rely on our Kendo Themes in order to work and look properly.
What I can suggest for achieving a similar look to the one in the shared screenshot is checking out our Kendo Themes and more particularly the Material Theme since it has the closest feel to the desired one. You can explore how the different themes and their various swatches look for every component in all runnable demos that are available on the Docs&Demos page on our website:
Please refer to the following resources for more detailed information about the Kendo Themes and our design system:
- https://www.telerik.com/kendo-angular-ui/components/styling/
- https://github.com/telerik/kendo-themes
- https://www.telerik.com/design-system/docs/
The Material Theme can be used together with some custom CSS to remove the borders of the Grid, as shown in the screenshot. Below is a StackBlitz example that demonstrates the suggested combination:
Alternatively, the ThemeBuilder application can also be used to achieve the desired look since it allows you to configure a unique custom theme entirely based on your own design requirements. Here is an article where you can learn more about ThemeBuilder and the opportunities it provides:
I hope the provided information steers you in the right direction. Let me know if you have any further questions.
Regards,
Zornitsa
Progress Telerik