I would like to get a bit more control over which elements in the markup recieve the state values. This would help when building up elements of more than just a single element. and ensure the state value is applied exactly where I want. It would also help that each item of the states could have unique ID's in the page.
eg could be, not sure how the parsing would work though.
/**
* @name Input Number (Keyboard)
*
* @description An input that shows a pure numeric keyboard on mobile devices.
*
* @state :hover - Hover
* @state :focus - Focus
* @state :disabled - Disabled
*
* @markup
* <label for="input-password-@state" class="label">Input Number</label>
* <input id="input-password-@state" class="input input--number @state" type="text" pattern="\d*" />
*/
I would like to get a bit more control over which elements in the markup recieve the state values. This would help when building up elements of more than just a single element. and ensure the state value is applied exactly where I want. It would also help that each item of the states could have unique ID's in the page.
eg could be, not sure how the parsing would work though.