---
url: "https://vueda.dev/v3/reference/api/js/theme/vueda-tailwind/index.md"
title: "theme/vueda-tailwind"
---

# theme/vueda-tailwind

## Overview

Aggregated Tailwind CSS pass-through theme for all VUEDA Client
components. Importing this module eagerly registers every family's theme
entries: each family `index.js` side-effect-imports its component `*.theme.js`
files, which `patchTheme` themselves into the registry. The default export is
then a snapshot of the populated registry, so the legacy global-eager path
`setTheme(vuedaTailwind)` installs the complete theme exactly as before.

Source-of-truth for slot data lives in the per-component `*.theme.js` files;
the family `index.js` files carry only the ordered key + group-banner manifest
that docs-tooling reads. Integrators wanting a leaner bundle skip this barrel
and let each component's `*.theme.js` register on demand (the fully-lazy path),
or import only the family `index.js` files they use (the per-family path).

## Properties

### default {#default}

Type: [ThemeObject](/v3/reference/api/js/use/useTheme/types/ThemeObject.md)

Source: `client/lib/theme/vueda-tailwind/index.js:28`

## Source

`client/lib/theme/vueda-tailwind/index.js:1`