Skip to content

epicmaxco/vuestic-ui

develop
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

…#3154)

* This commit adds a color prop to the VaDivider component, allowing users to specify the color of the divider. The color prop is then bound to the CSS border-color property using Vue's v-bind in CSS feature. This enables users to dynamically change the divider color using the color prop.

* The previous implementation used a redundant color prop for specifying the border color in the va-divider component. This commit refactors the code to use a common CSS variable --va-divider-color for defining the border color, which can be used for both horizontal and vertical views. The CSS variable has been added to the :root and :host selectors in the _variables.scss file in the va-divider directory. This results in cleaner and more maintainable code

* Revert "The previous implementation used a redundant color prop for specifying the border color in the va-divider component. This commit refactors the code to use a common CSS variable --va-divider-color for defining the border color, which can be used for both horizontal and vertical views. The CSS variable has been added to the :root and :host selectors in the _variables.scss file in the va-divider directory. This results in cleaner and more maintainable code"

This reverts commit b4cd213.

* chore(divider): use v-bind instead of style bind. Remove extra css variables.

* fix(divider): use compiled color

---------

Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>
ab4dd11

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Vuestic UI Logo
Vue.js 3.0 UI Library
Developed by Epicmax. Designed by Vasili Savitski.

CI badge License Version

Documentation | Discord

Vuestic UI is forever free and open to contributions. See our issues, contributing guide and join discussions on our Discord to help us improve Vuestic UI experience.

Why use Vuestic UI?

  • Vue.js 3.0 compatible
  • Accessibility
  • Dark Theme support
  • Feature-rich: more than 60 customizable components
  • Two built-in color scheme presets
  • Powerful configurations:
    • Local - configure components in-depth
    • Global - configure framework overall
  • Cross-browser and responsive
  • i18n-ready
  • MIT license

Installation

First, make sure you have all prerequisites installed:

After checking the prerequisites, install Vuestic UI via npm/yarn:

npm install vuestic-ui
//or
yarn add vuestic-ui

Quick start

Make sure you've imported both styles and plugin into your entry file:

//main.js
import { createApp } from 'vue'
import App from './App.vue'
import { createVuestic } from 'vuestic-ui'
import 'vuestic-ui/css'

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

Documentation

Information, guides and tutorials are available on vuestic.dev

Partners & Sponsors ❤️


Become a partner: hello@epicmax.co

Community

Ask questions at the official community discord server

Vuestic Admin

See Vuestic UI library in action. Vuestic Admin is a great example of a real-world web application based on Vuestic UI.

Contributing

Thanks for all your wonderful PRs, issues and ideas.
You’re always welcome to join: check out our contribution guides , open issues and discord server

Browsers support

We design Vuestic UI to support the latest modern web browsers.

IE / Edge
IE/Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge last 2 versions last 2 versions last 2 versions last 2 versions

Can I hire you guys?

Epicmax is committed to Open Source from its beginning. Vuestic UI was created and backed by Epicmax, and is supported through all the years. You can request a consultation or order web development services by Epicmax via this form 😎

Say hi: hello@epicmax.co. We will be happy to work with you!

Other work we’ve done 🤘

Meet the Team

Follow us

Stay up to date with the latest Vuestic news! Follow us on Twitter or Linkedin

License

MIT license.