daisyUI

You can easily add daisyUI to a WordPress site using Gust by installing the official Gust daisyUI plugin for WordPress.

Once you have that installed and activated, you'll need to ensure that daisyUI is added to your Tailwind config. You can edit your Tailwind config from the Gust settings page. You'll need to make the following updates:

• Add var daisyui = require('daisyui'); to your config.
• Add daisyui to the plugins array in the Tailwind config.

See the below example:

var daisyui = require('daisyui')

module.exports = {
  theme: {},
  plugins: [daisyui],
}

Using components

Most of the components offered by daisyUI will now be available to you from within the Gust page builder. You can drag and drop these components into your pages as you need. But you also have access to all of the component class names, so if you need to add components manually, you are free to do so.

Configuring daisyUI

daisyUI can be configured through the Tailwind config. See the daisyUI configuration docs for more info.

Selecting the default theme

daisyUI allows you to select and configure the themes available. To set the default theme, go to the Gust settings page from your WordPress dashboard and add the name of your chosen theme to the "Theme" setting, under the "Daisy UI" section.

Pinning a version

By default, Gust will pull the latest version of daisyUI. If you want to pin a version, you can update the require statement with a package version. Some examples of valid versions:

• require('daisyui@3.0.0')
• require('daisyui@^3')
• require('daisyui@3')