contenteditable-arrow-navigation

A utility to make multiple content editable elements easier to navigate with arrows.

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]

Table of Contents

1. 
   About The Project
   
   
   
   • Built With
   
   
   
   


2. 
   Getting Started
   
   
   
   • Prerequisites
   
   
   • Installation
   
   
   
   


3. Usage


4. Roadmap


5. Contributing


6. License


7. Contact


8. Acknowledgments

About The Project

[![Product Name Screen Shot][product-screenshot]](https://example.com)

Purpose
- The purpose of this project

Problem
- The problem statement

Scope
- What's in scope and out of scope for this project?

Background
- What led us to this point? How did we get here?

Here's a blank template to get started: To avoid retyping too much info. Do a search and replace with your text editor for the following: danielklapp, contenteditable-arrow-navigation, twitter_handle, linkedin_username, email, email_client, Contenteditable Arrow Navigation, A utility to make multiple content editable elements easier to navigate with arrows.

(back to top)

$3

* Next.js
* React.js
* Vue.js
* Angular
* Svelte
* Laravel
* Bootstrap
* JQuery

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

$3

Data
what is the source of the data and data formats are covered by this project?

This is an example of how to list things you need to use the software and how to install them.
* npm
``sh
npm install npm@latest -g
`

$3

1. Get a free API Key at https://example.com
2. Clone the repo
`sh
git clone https://github.com/danielklapp/contenteditable-arrow-navigation.git
`
3. Install NPM packages
`sh
npm install
`
4. Enter your API in config.js
`js
const API_KEY = 'ENTER YOUR API';
`

(back to top)




Usage/Integration

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

_For more examples, please refer to the Documentation_ Possibly JS Docs.

Styleguidist link

(back to top)




Roadmap

- [] Feature 1
- [] Feature 2
- [] Feature 3
- [] Nested Feature

See the open issues for a full list of proposed features (and known issues).

(back to top)




Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. Guidelines for external contributions.

You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

If you would like to fork the repo and create a pull request.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)




License

Distributed under the MIT License. See LICENSE` for more information.

(back to top)

Contact

Your Name - @twitter_handle - email@email_client.com

Project Link: https://github.com/danielklapp/contenteditable-arrow-navigation

(back to top)

Acknowledgments

* []()
* []()
* []()

(back to top)

[contributors-shield]: https://img.shields.io/github/contributors/danielklapp/contenteditable-arrow-navigation.svg?style=for-the-badge
[contributors-url]: https://github.com/danielklapp/contenteditable-arrow-navigation/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/danielklapp/contenteditable-arrow-navigation.svg?style=for-the-badge
[forks-url]: https://github.com/danielklapp/contenteditable-arrow-navigation/network/members
[stars-shield]: https://img.shields.io/github/stars/danielklapp/contenteditable-arrow-navigation.svg?style=for-the-badge
[stars-url]: https://github.com/danielklapp/contenteditable-arrow-navigation/stargazers
[issues-shield]: https://img.shields.io/github/issues/danielklapp/contenteditable-arrow-navigation.svg?style=for-the-badge
[issues-url]: https://github.com/danielklapp/contenteditable-arrow-navigation/issues
[license-shield]: https://img.shields.io/github/license/danielklapp/contenteditable-arrow-navigation.svg?style=for-the-badge
[license-url]: https://github.com/danielklapp/contenteditable-arrow-navigation/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/linkedin_username
[product-screenshot]: images/screenshot.png