https://github.com/vaadin/vaadin-control-state-mixin

A shared mixin for input elements that handles focus, focus-ring, tabindex ...
https://github.com/vaadin/vaadin-control-state-mixin

form polymer polymer-mixin polymer2 vaadin webcomponents

Last synced: 6 months ago
JSON representation

A shared mixin for input elements that handles focus, focus-ring, tabindex ...

• Host: GitHub
• URL: https://github.com/vaadin/vaadin-control-state-mixin
• Owner: vaadin
• License: apache-2.0
• Created: 2017-04-18T08:34:03.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-09-17T11:19:24.000Z (9 months ago)
• Last Synced: 2024-11-15T23:31:36.507Z (7 months ago)
• Topics: form, polymer, polymer-mixin, polymer2, vaadin, webcomponents
• Language: HTML
• Homepage:
• Size: 4.96 MB
• Stars: 3
• Watchers: 14
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vaadin-control-state-mixin

> ⚠️ Starting from Vaadin 20, the source code and issues for this component mixin are migrated to the [`vaadin/web-components`](https://github.com/vaadin/web-components/tree/master/packages/vaadin-control-state-mixin) monorepository.

> This repository contains the source code and releases of `@vaadin/vaadin-control-state-mixin` for the Vaadin versions 10 to 19.

A mixin which adds `focused` and `focus-ring` states to an element.

[![npm version](https://badgen.net/npm/v/@vaadin/vaadin-control-state-mixin)](https://www.npmjs.com/package/@vaadin/vaadin-control-state-mixin)

[![Bower version](https://badgen.net/github/release/vaadin/vaadin-control-state-mixin)](https://github.com/vaadin/vaadin-control-state-mixin/releases)

[![Build Status](https://travis-ci.org/vaadin/vaadin-control-state-mixin.svg?branch=master)](https://travis-ci.org/vaadin/vaadin-control-state-mixin)

[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/web-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)

## Running tests in browser

1. Fork the `vaadin-control-state-mixin` repository and clone it locally.

1. Make sure you have [npm](https://www.npmjs.com/) and [Bower](https://bower.io) installed.

1. When in the `vaadin-control-state-mixin` directory, run `npm install` and then `bower install` to install dependencies.

1. Make sure you have [polymer-cli](https://www.npmjs.com/package/polymer-cli) installed globally: `npm i -g polymer-cli`.

1. Run `npm start`.

1. Navigate to http://127.0.0.1:3000/components/vaadin-control-state-mixin/test/index.html

## Running tests from the command line

1. Install [web-component-tester](https://www.npmjs.com/package/web-component-tester): `npm install -g web-component-tester`

1. When in the `vaadin-control-state-mixin` directory, run `wct` or `npm test`

## Following the coding style

We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `npm run lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files.

## Creating a pull request

  To contribute to the component, please read [the guideline](https://github.com/vaadin/vaadin-core/blob/master/CONTRIBUTING.md) first.

## License

Apache License 2.0