This is the pre-release documentation for gluestack-ui with NativeWind (alpha) version. For @gluestack-ui/themed(stable) documentation, refer to the latest release (v1).

Tooling Setup

IntelliSense setup (optional)

If you are using VSCode and the TailwindCSS IntelliSense Extension, you have to add the following to your settings.json file.
{
"tailwindCSS.experimental.classRegex": [
["tva\\((([^()]*|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
]
}

Prettier plugin setup (optional)

If you are using prettier-plugin-tailwindcss to sort your class names, you can add tv to the list of functions that should be sorted.
module.exports = {
plugins: [require("prettier-plugin-tailwindcss")],
tailwindFunctions: ["tva"],
}