# client-link [](https://www.webcomponents.org/element/client-link) Client-link is a simple webcomponent for client side routing. The component uses the history api to update the url and dispatches the `pathchanged` event whenever the element is clicked. It also adds the `active` class to itself when the url matches the path specified. ## Installation `npm install client-link` or `yarn add client-link` ## Usage **Note**: the recommended way of using client-link is together with [client-route](https://github.com/TimUntersberger/client-route). html ```html Home About ``` listening for pathchanged events ```javascript window.addEventListener("pathchanged", _ => { console.log(window.location.pathname); }) ``` ## Attributes ### to The url gets set to the path of the `to` attribute whenever the element is clicked. ```html ``` ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -am 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## License [LICENSE](LICENSE)