Socket
Socket
Sign inDemoInstall

@oruga-ui/theme-oruga

Package Overview
Dependencies
0
Maintainers
3
Versions
5
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @oruga-ui/theme-oruga

Default theme for Oruga


Version published
Maintainers
3
Created

Readme

Source

🦋 Default theme for Oruga without any dependencies

Oruga Default theme version Oruga Default theme downloads Vue.js version Discord Link

Install

npm install @oruga-ui/theme-oruga

or

yarn add @oruga-ui/theme-oruga

Configure

import { createApp } from 'vue'
import App from './App.vue'

// import Oruga
import Oruga from '@oruga-ui/oruga-next'

// import Oruga theme styling
import '@oruga-ui/theme-oruga/dist/oruga.css'

createApp(App)
    .use(Oruga)
    .mount('#app')

The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The oruga.css contains the full Oruga style (the default style used for documentation).

Customization (SASS/SCSS)

For customasing any SASS variables you have to set them pefore the SCSS Import.

// Include any default variable overrides here (though functions and maps won't be available here)
// ...

// Include the full Oruga theme here
@import "/node_modules/@oruga-ui/theme-oruga/dist/scss/oruga";

// Then add additional custom code here
// ...

Override default config

In case you want to replace the default style of a component you can override or add new classes; more details about components customization on https://oruga-ui.com/documentation/#customization

import { createApp } from 'vue'

import Oruga from '@oruga-ui/oruga-next'

import '@oruga-ui/theme-oruga/dist/oruga.css'

const customConfig = {
    checkbox: {
        override: true,
        rootClass: 'checkbox'
    }
}

createApp(App)
    .use(Oruga, customConfig)
    .mount('#app')

Contributors

Thank you to everyone involved for improving this project, day by day 💚

Complete list.

License

Code released under MIT license.

FAQs

Last updated on 17 May 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc