...
`).\n\nGroup your `vf-form__input`s using a `vf-form__fieldset` with a relevant lable if appropriate.\n\nDue to how browsers handle the `reqiured` attribute in HTML, a form that has this attribute but is empty often becomes automatically `invalid`. To stop this but have the ability to show that a form field is 'invalid' we can use the modifier class `vf-form__input--is-invalid`.\n## Install\n\nThis component is distributed with npm. After [installing npm](https://www.npmjs.com/get-npm), you can install the `vf-form__input` with this command.\n\n```\n$ yarn add --dev @visual-framework/vf-form__input\n```\n\n### Sass/CSS\n\nThe source files included are written in [Sass](http://sass-lang.com)(`scss`). You can point your Sass `include-path` at your `node_modules` directory and import it like this.\n\n```\n@import \"@visual-framework/vf-form__input/index.scss\";\n```\n\nMake sure you import Sass requirements along with the modules. You can use a [project boilerplate](https://stable.visual-framework.dev/building/) or the [`vf-sass-starter`](https://stable.visual-framework.dev/components/vf-sass-starter/)\n\n## Help\n\n- [Read the Visual Framework troubleshooting](https://stable.visual-framework.dev/troubleshooting/)\n- [Open a ticket](https://github.com/visual-framework/vf-core/issues)\n- [Chat on Slack](https://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ)\n","readmeFilename":"README.md"}