Is there a way to disable the tailwind design system section?

[mildlyfunctional]

Is there a way to disable the tailwind design system section?

[lossendae]

I would like to disable this section as well, does anybody have an idea about how to do it ?

[lossendae]

I deactivated it using the following config:

import { defineConfig } from 'histoire'
import { HstVue } from '@histoire/plugin-vue2'
import { tailwindTokens } from 'histoire/dist/node/builtin-plugins/tailwind-tokens'

// see config reference https://histoire.dev/reference/config.html
export default defineConfig({
    plugins: [HstVue(), tailwindTokens({ configFile: '' })]
})

[minddust]

Alternatively you could also rename the tw config file. did this in a recent project.

postcss.config.js:

module.exports = {
  plugins: {
    tailwindcss: {
      // config file is renamed so histoire does not detect & autogenerate design system.
      config: './tailwindcss.config.js',
    },
    autoprefixer: {},
  },
}

[mildlyfunctional]

Thanks for the suggestions, I ended up doing the following:

export default defineConfig({
  plugins: [
    {
      name: 'builtin:tailwind-tokens',
    },
    HstSvelte(),
  ],
  ...
})