Vueless Docs
ComponentsGitHubWebsite
  • Installation
    • Quick start (Vue)
    • Quick start (Nuxt)
    • Class autocompletion
    • Minimal requirements
    • Storybook docs
  • Global customization
    • General
    • Colors
    • Rounding
    • Focus Outline
    • Dark mode
    • Base Classes
    • Custom tailwind classes
  • Component customization
    • General
    • Styling
    • Conditional styling
    • Extends styling from keys
    • Nested components styling
    • Classes smart merging
    • 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
Powered by GitBook
On this page
  1. Creating own components

Create new component

To speed up the development process, we provide a boilerplate with a minimal file structure. You can copy it into your components folder with a single command.

npx vueless create <componentName>

# example:
# npx vueless create URadioCard
yarn vueless create <componentName>

# example:
# yarn vueless create URadioCard
pnpm exec vueless create <componentName>

# example:
# pnpm exec vueless create URadioCard
bunx vueless create <componentName>

# example:
# bunx vueless create URadioCard

The component will be created in the project's /components folder:

  • /src/components/<componentName> – for Vue

  • /components/<componentName> – for Nuxt

Last updated 2 months ago