arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(getting-started): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-15 21:44:10 +02:00
parent ce91b5d75a
commit 6f20f243fb
3 changed files with 73 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/content/1.getting-started/3.theme.md
View File

@@ -1,8 +1,5 @@
---
description: 'Learn how to customize the appearance of Nuxt UI components using Tailwind CSS.'
navigation:
badge:
label: Todo
---
## Tailwind CSS
@@ -150,15 +147,13 @@ props:
The `defaultVariants` property specifies the default values for each variant. It determines how a component looks and behaves when no prop is provided. These default values can be customized in your [`app.config.ts`](#appconfigts) to adjust the standard appearance of components throughout your application.
::tip
Since Tailwind Variants provides typing out of the box, you get autocomplete for your props in the editor.
::
## Customize components
You have multiple ways to customize the appearance of Nuxt UI components, you can do it for all components at once or on a per-component basis.
::tip
Tailwind Variants uses [tailwind-merge](https://github.com/dcastil/tailwind-merge) under the hood to merge classes so you don't have to worry about conflicting classes.
::
::note
You can explore the theme for each component in two ways: