@featherds/input-helper
TypeScript icon, indicating that this package has built-in type declarations

0.12.30 • Public • Published

How to use InputWrapper

To make the input wrapper easier to use we have also created a mixin that goes along with it.

<InputWrapper :for="inputId" :raised="isRaised" :focused="focused">
  ....
</InputWrapper>
  • for should be an ID of the input control that the label is for.
  • raised should be set to true when the label needs to be raised.
  • focused should be set to true when the wrapper needs to be in a focused state.

InputSubText

<InputSubText :id="descriptionId"></InputSubText>
  • id should be the ID you want the subText to have. This ID is generally used in an aria-describedby.

Readme

Keywords

Package Sidebar

Install

npm i @featherds/input-helper

Weekly Downloads

421

Version

0.12.30

License

Apache-2.0

Unpacked Size

78.2 kB

Total Files

24

Last publish

Collaborators

  • janderson-nh
  • gchesnel.nanthealth
  • jmccrory75
  • bprice
  • jmillar.nanthealth
  • rik.nanthealth