Coder Social home page Coder Social logo

altai-ui / qui Goto Github PK

View Code? Open in Web Editor NEW
235.0 12.0 18.0 6.11 MB

A Vue.js design-system for Web.

Home Page: https://qvant-lab.github.io/qui/?path=/story/intro--page

License: MIT License

JavaScript 24.46% SCSS 20.47% Vue 55.08%
vue components design-system ui storybook qui

qui's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

qui's Issues

Support NuxtJS

Hi guys, your components are suitable for NuxtJS?
did not find any description in readme

consider adding better focus states for keyboard users

Nice work!

While exploring your Storybook, I quickly noticed that focus states are not obvious enough for users that like to use the keyboard to tab around the page. Considering this story - https://qvant-lab.github.io/qui/?path=/story/components-qtabs-qtabs--q-tabs-story

You might want to consider using focus visible polyfills to only include more obvious focus state rings when using a keyboard on your various components.

https://github.com/WICG/focus-visible

https://github.com/csstools/postcss-focus-visible

how use QNotification?

Hello,dev. I plan use it

import {QNotification } from '@qvant/qui';
const notify = QNotification
Vue.prototype.$notify = notify

in my Components method()

  handlerNotification(message) {
      this.notify({
        message: message,
        type: this.type,
        dangerouslyUseHTMLString: this.dangerouslyUseHTMLString,
        duration: this.duration,
        icon: this.icon
      });
  },

But I got an error message:
image
Can you give me a little help? I am new to VUE.thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.