Vueless Docs
ComponentsGitHubWebsite
  • Getting Started
  • Installation
    • Quick start (Vue)
    • Quick start (Nuxt)
    • Class autocompletion
    • Minimal requirements
    • Storybook docs
  • Global customization
    • General
    • Colors
    • Design system
    • Rounding
    • Focus Outline
    • Font Size
    • Disabled Opacity
    • Dark mode
    • Custom tailwind classes
  • Component customization
    • General
    • Styling
    • Unstyled mode
    • Conditional styling
    • Extends styling from keys
    • Nested components styling
    • Props defaults
    • Redefining props
    • Defining custom props
    • Internationalization (i18n)
  • Creating own components
    • Vueless file structure
    • Create new component
    • Copy existing component
  • Svg Icons
    • General usage
    • Custom icons
    • Dynamic import
    • Advanced settings
  • Helpers
    • Change settings in runtime
  • Other
    • Vueless Vite Plugins
Powered by GitBook
On this page
  1. Component customization

Unstyled mode

To completely remove Vueless default styles and use only your custom ones, set the unstyled key in vueless.config.{js,ts} globally, or individually within specific components.

vueless.config.{js,ts}
export default {
  unstyled: true, /* remove defalut styles for all components */
  component: {
    UButton: {
      unstyled: false, /* but keep default styles for the UButton component */
      button: {
        base: "text-2xl absolute",
      }
    }
  }
};

Last updated 2 months ago