Vuesax v4: framework components for Vuejs

Overview

vuesax-next (v4.x)

vuesax

Status: Alpha

We are working to create a stable version that can be used in real projects, we are currently working on the documentation and the creation of components to have at least the amount of the v3 vuesax 4 is fully created from 0 and therefore each component and new functionality is worked in its entirety which takes time

The central team is working on the priority that is to create new components and verify that they do not have the bugs or problems of the previous version so we gain a better development and more complete components

Vuesax 4 is created with totally different technologies than v3 some of the most important changes are:

Vuesax v3

  • Components created with .vue files
  • Pre css processor: Stylus
  • Use of Vue-CLI 3 to compile the components
  • Vuepress v0.14.10

Vuesax 4

  • Components created with .ts files
  • Pre css processor: Sass
  • Use of Webpack and babel to compile the components
  • Vuepress v1.1.0
  • Typescript

We would love our users to test with Vuesax v4 to find bugs so we can fix them on the fly

Updates

Every day is being updated and working on Vuesax 4, we will announce each new component and significant improvement in our networks and discord channel, this in order to benefit from our own users and help us improve and test each component and function

Components v3 vs v4

  • Alert
  • Avatar
  • Breadcrumb
  • Button
  • Card
  • Checkbox
  • Chip
  • Collapse
  • Dialogs
  • Divider
  • Dropdown
  • Images
  • Input
  • List
  • Loading
  • Navbar
  • Notification
  • Number Input
  • Pagination
  • Popup
  • Progress
  • Radio
  • Select
  • Sidebar
  • Slider
  • Switch
  • Table
  • Tabs
  • Textarea
  • Tooltip
  • Upload

What is still missing and is working

  • Components and functions
  • Examples in Codepen or Codesandbox
  • RTL support
  • Check the SSR support
  • Easy starter in Vue-CLI 3
  • Plugin for Nuxtjs
  • vs-code helper plugin
  • vuesax / types

Contribute

You can help us with any detail you find in the documents or in the components already created, only those of the central team are dedicated to create and make strong changes in components and functions (have a better visual structure and consistency in progress), if you want support you can make an Issues with the suggestion and a PR with the change

⚠️ ALERT 🚧

Keep in mind that Vuesax 4 is in ALPHA state and may have inconsistencies and problems that we are going to solve, for now we do not recommend using it for real projects only tests

Issues
  • Absurd Project Structure

    Absurd Project Structure

    With all due respect, this is not how we should structure repositories which contain NPM package.

    Please add all vuesax 4.0 files in the default [email protected] branch so that somebody who wants to clone the repository directly can do so in NPM without any hassle.

    Keep this repository to host your docs. Make a separate repo for all the vuesax core functionality.

    For Example, right now I can't even do this: npm i ayushsharma82/vuesax-next to test my changes.

    enhancement 
    opened by ayushsharma82 10
  • Will the framework continue to be maintained?

    Will the framework continue to be maintained?

    Your design is really great, I like it very much, but it seems that the project has not been submitted for two months. Will the framework continue to be maintained? I want to use it all the time in my own projects

    question 
    opened by lly0414 6
  • Dark mode support?

    Dark mode support?

    Hi, I saw that in the vuesax website, there is a dark mode option, but when I look into the docs, it did not mention how to enable dark mode in vuesax. Is there a way to enable it or is this a work in progress? Thanks!

    opened by samzhangjy 5
  • duplicate :root in multiple locations in vuesax.css file

    duplicate :root in multiple locations in vuesax.css file

    There are 23 :root definitions in the vuesax.css file, but 22 of them are repeated. Does it have any special meaning?

    bug 
    opened by lly0414 3
  • Typo in getting started guide

    Typo in getting started guide

    Typo in the getting started page of the docs [https://vuesax.com/docs/guide/gettingStarted.html]

    opened by abhishekashyap 3
  • Adding icons(boxicons) in Nuxt.js in 2 steps.

    Adding icons(boxicons) in Nuxt.js in 2 steps.

    1 - Install the boxicons package

    $ npm install boxicons --save
    

    2 - in nuxt.config.js add boxicons.min.css

    css: ['vuesax/dist/vuesax.css', 'boxicons/css/boxicons.min.css'],  
    

    finish!

    opened by dobbbri 3
  • Buttons initial render bug

    Buttons initial render bug

    All Buttons initially render with their background as blue (primary color), and we can get a glimpse of them changing to their specified style as they render. ( for 0.1s ).

    Possible improvements:

    • Remove the base class which has the background set as blue
    • Add only the relevant style/class so that components render directly to our specified style instead of jumping action seen right now.
    bug enhancement 
    opened by ayushsharma82 3
  • Tooltip not getting destroyed upon page change

    Tooltip not getting destroyed upon page change

    I use an interactive tooltip with a button to redirect to another page but when I do so, the tooltip is not destroyed and still appears on the next page. It ends up causing this error:

    TypeError: Failed to execute 'insertBefore' on 'Node': parameter 1 is not of type 'Node'. at insertBody (vuesax.js?574d:18277) at VueComponent.insertTooltip (vuesax.js?574d:22426) at VueComponent.eval (vuesax.js?574d:22457) at Array.eval (vue.common.dev.js?4650:1985) at flushCallbacks (vue.common.dev.js?4650:1911)

    I am using nuxt in SPA mode

    Has anyone figured out a solution or a work around ? Thank you for your help

    bug 
    opened by grimfeld 3
  • Text not center

    Text not center

    Hello, first of all, thank you for creating this beautiful framework! 👍

    It's just that I had a little problem, in the select component, text not center

    As shown in the figure:

    Snipaste_2020-07-30_12-21-26

    I noticed a line CSS,

    .vs-select__label: {
        top: 10px
    }
    

    After deleting it, the text becomes centered

    I don't know if this is a feature or a bug,

    but, thank you again for creating this beautiful framework!

    :3

    bug 
    opened by akirarika 2
  • Is this project abandoned?

    Is this project abandoned?

    The last commit was about 1 years ago. Is this project abandoned? Or it will be maintained? If so will it support Vue 3?

    opened by opuu 2
  • Bump url-parse from 1.4.7 to 1.5.3 in /packages/vuepress-theme-vuesax

    Bump url-parse from 1.4.7 to 1.5.3 in /packages/vuepress-theme-vuesax

    Bumps url-parse from 1.4.7 to 1.5.3.

    Commits
    • ad44493 [dist] 1.5.3
    • c798461 [fix] Fix host parsing for file URLs (#210)
    • 201034b [dist] 1.5.2
    • 2d9ac2c [fix] Sanitize only special URLs (#209)
    • fb128af [fix] Use 'null' as origin for non special URLs
    • fed6d9e [fix] Add a leading slash only if the URL is special
    • 94872e7 [fix] Do not incorrectly set the slashes property to true
    • 81ab967 [fix] Ignore slashes after the protocol for special URLs
    • ee22050 [ci] Use GitHub Actions
    • d2979b5 [fix] Special case the file: protocol (#204)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump url-parse from 1.4.7 to 1.5.3 in /packages/docs

    Bump url-parse from 1.4.7 to 1.5.3 in /packages/docs

    Bumps url-parse from 1.4.7 to 1.5.3.

    Commits
    • ad44493 [dist] 1.5.3
    • c798461 [fix] Fix host parsing for file URLs (#210)
    • 201034b [dist] 1.5.2
    • 2d9ac2c [fix] Sanitize only special URLs (#209)
    • fb128af [fix] Use 'null' as origin for non special URLs
    • fed6d9e [fix] Add a leading slash only if the URL is special
    • 94872e7 [fix] Do not incorrectly set the slashes property to true
    • 81ab967 [fix] Ignore slashes after the protocol for special URLs
    • ee22050 [ci] Use GitHub Actions
    • d2979b5 [fix] Special case the file: protocol (#204)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • navbar not responsive, no content padding when fixed, pages with scrollbar breaks the bottom bar

    navbar not responsive, no content padding when fixed, pages with scrollbar breaks the bottom bar

    (screenshot) When the navbar is fixed, the content that precedes the component is displayed behind it

    image

    Workaround : apply a manual padding of 50px.


    (screenshot) The navbar is not responsive ![image](https://user-images.githubusercontent.com/28659185/134584700-53e5641d-2281-4ce9-ac89-b8b0f973bee8.png)

    Workaround : dirty but adding overflow-x: auto ? not tested but should work a bit better.


    (screenshot) Going to a page with a scrollbar, then to a page that don't have one will break the bottom line of the scrollbar.

    image

    image

    Workaround : force the scrollbar display using body { overflow-y: scroll }

    opened by LoganTann 0
  • Bump tmpl from 1.0.4 to 1.0.5 in /packages/vuesax

    Bump tmpl from 1.0.4 to 1.0.5 in /packages/vuesax

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump prismjs from 1.21.0 to 1.25.0 in /packages/vuepress-theme-vuesax

    Bump prismjs from 1.21.0 to 1.25.0 in /packages/vuepress-theme-vuesax

    Bumps prismjs from 1.21.0 to 1.25.0.

    Release notes

    Sourced from prismjs's releases.

    v1.25.0

    Release 1.25.0

    v1.24.1

    Release 1.24.1

    v1.24.0

    Release 1.24.0

    v1.23.0

    Release 1.23.0

    v1.22.0

    Release 1.22.0

    Changelog

    Sourced from prismjs's changelog.

    1.25.0 (2021-09-16)

    New components

    Updated components

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by rundevelopment, a new releaser for prismjs since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump prismjs from 1.21.0 to 1.25.0 in /packages/docs

    Bump prismjs from 1.21.0 to 1.25.0 in /packages/docs

    Bumps prismjs from 1.21.0 to 1.25.0.

    Release notes

    Sourced from prismjs's releases.

    v1.25.0

    Release 1.25.0

    v1.24.1

    Release 1.24.1

    v1.24.0

    Release 1.24.0

    v1.23.0

    Release 1.23.0

    v1.22.0

    Release 1.22.0

    Changelog

    Sourced from prismjs's changelog.

    1.25.0 (2021-09-16)

    New components

    Updated components

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by rundevelopment, a new releaser for prismjs since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • fixed table column width - need properties to set width of table column

    fixed table column width - need properties to set width of table column

    Currently there doesn't seems to be any standard way to change table column width other than overriding css.

    opened by RanjeetEppa18 0
  • Bump path-parse from 1.0.6 to 1.0.7 in /packages/vuepress-theme-vuesax

    Bump path-parse from 1.0.6 to 1.0.7 in /packages/vuepress-theme-vuesax

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump path-parse from 1.0.6 to 1.0.7

    Bump path-parse from 1.0.6 to 1.0.7

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
Releases(4.0.1-alpha.25)
  • 4.0.1-alpha.25(Sep 29, 2020)

    Fix

    • Multi-line radio labels cause the radio buttons to distort #95
    • Buttons initial render bug #86
    • (Tooltip not getting destroyed upon page change #82)
    • [sidebar] Not opening the group header #79
    • [Select] - Filter errors "this.childOptions[this.hoverOption] is undefined" on enter press #74
    • [Dialog] - Require callback to close #66
    • Text not center #65
    • Add prop (right) Missing position-right prop for sidebar #63
    • Missing VsLoading Background Color Template in Docs #61
    • duplicate :root in multiple locations in vuesax.css file #60

    Enhance

    Change in color logic for better performance and rendering

    Source code(tar.gz)
    Source code(zip)
  • 4.0.1-alpha.21(Jun 19, 2020)

  • 4.0.1-alpha.10(Feb 13, 2020)

Accessible, internationalized Vue calendar

Vue A11Y Calendar Localized, accessible calendar and datepicker for Vue with no external dependencies. Installation $ npm install vue-a11y-calendar Pe

International Business Machines 254 Jun 20, 2021
An eslint plugin for checking Vue.js files for accessibility

eslint-plugin-vuejs-accessibility An eslint plugin for checking accessibility rules from within .vue files. Installation If you're using yarn: yarn ad

Vue A11y 102 Oct 15, 2021
A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.

A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.

Matteo Merola 1.1k Oct 19, 2021
Vue3 Autocounter

This is a lightweight Vue 3 component made with TypeScript to quickly create an animation that shows an automatic count of any quantity in any duration, counting up or down.

Cristopher PS 32 Oct 12, 2021
Iconic is a free “do wtf you want with” set of pixel-perfect icons. Available as basic SVG icons and via first-party React and Vue libraries.

Iconic is a free “do wtf you want with” set of pixel-perfect icons. Available as basic SVG icons and via first-party React and Vue libraries.

Make Lemonade 254 Sep 30, 2021
A headless Vue 3 notification library to use with Tailwind CSS.

A headless Vue 3 notification library to use with Tailwind CSS. This is a fork and port of vue3-vt-notifications created and modified by killmenot to support Vue 3. Initially created by sansil.

Emmanuel Deossa 19 Oct 9, 2021
A headless Vue 3 notification library to use with Tailwind CSS.

A headless Vue 3 notification library to use with Tailwind CSS. This is a fork and port of vue3-vt-notifications created and modified by killmenot to support Vue 3. Initially created by sansil.

Emmanuel Deossa 8 Sep 5, 2021
Vusic - Apple Music Web Player made with VueJS

Vusic - Apple Music Web Player made with VueJS

null 360 Oct 13, 2021
It helps people who only use the keyboard to jump to what matters most.

vue-skip-to Helps people who only use the keyboard to jump to what matters most Installation Usage Props Custom styling Running tests About Contributi

Vue A11y 66 Aug 16, 2021
Static AST checker for accessibility rules on elements in .vue

eslint-plugin-vue-a11y Static AST checker for accessibility rules on elements in .vue. Installation You'll first need to install ESLint: $ npm i eslin

null 147 Oct 13, 2021
Accessibility auditing for Vue.js applications.

vue-axe Accessibility auditing for Vue.js applications by running dequelabs/axe-core validation on the page you're viewing, axe-core will run 1 second

Vue A11y 164 Oct 1, 2021
A simple way with Vue to announce any useful information for screen readers.

@vue-a11y/announcer ?? HEADS UP! You are in the Vue 2 compatible branch, check the "next" branch for Vue 3 support. Introduction Imagine browsing page

Vue A11y 209 Oct 17, 2021