https://github.com/proeung/accessible-menu

WCAG keyboard accessible mega menu using Tailwind CSS & Javascript
https://github.com/proeung/accessible-menu

Last synced: 5 days ago
JSON representation

WCAG keyboard accessible mega menu using Tailwind CSS & Javascript

• Host: GitHub
• URL: https://github.com/proeung/accessible-menu
• Owner: proeung
• Created: 2022-01-06T22:28:18.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-18T22:41:39.000Z (almost 3 years ago)
• Last Synced: 2024-11-07T16:12:17.983Z (about 2 months ago)
• Language: HTML
• Homepage: https://accessible-mega-menu.netlify.app/
• Size: 526 KB
• Stars: 14
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# accessible-menu

A sandbox static page that demonstrates WCAG accessible mega menu using Tailwind CSS v.3 and extending from Disclosure Menus.

![Screen Shot 2022-01-18 at 5 39 22 PM](https://user-images.githubusercontent.com/1815714/150030281-1d0b82ae-e39f-4605-bfb2-172d74da676b.png)

To get started:

1. Install the dependencies:

    ```bash

    # Using npm

    npm install

    # Using Yarn

    yarn

    ```

2. Start the development server:

    ```bash

    # Using npm

    npm run serve

    # Using Yarn

    yarn run serve

    ```

    Now you should be able to see the project running at localhost:8080.

3. Open `public/index.html` in your editor and start experimenting!

## Building for production

To build an optimized version of your CSS, simply run:

```bash

# Using npm

npm run production

# Using Yarn

yarn run production

```