Important Note

This is the documentation for gluestack-ui v2 (beta). For @gluestack-ui/themed (stable) documentation, refer to gluestack-ui v1.

Tooling Setup

IntelliSense setup (optional)

If you are using VSCode and the Tailwind CSS IntelliSense Extension, you have to add the following to your settings.json file.

{
    "tailwindCSS.experimental.classRegex": [
      ["tva\\((([^()]*|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
    ]
  }

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"],
}