@element-public/react-input-label
v1.0.0
Published
Input Label component for Element React
Downloads
4
Keywords
Readme
InputLabel
Description
Input Label is an atomic component most often by other input components such as Checkbox
, Radio
, Switch
. The typical use-case for this component would be in developing a new input component.
Install bundle from npm-e
npm i @element-public/react-components @element-public/themes
Optional: install the component individually
npm i @element-public/react-input-label @element-public/themes
Open ~/.npmrc
in an editor and add the following line to enable the @element-public
scope:
@element-public:registry=https://npm.platforms.engineering
Troubleshooting
See below if you have never installed a package from Bayer's npm-enterprise or run into the following error:
npm ERR! code E401
npm ERR! Unable to authenticate, your authentication token seems to be invalid.
npm ERR! To correct this please trying logging in again with:
npm ERR! npm login
Setup an access token
See the
devtools npm-e guide
to learn how to create an access token if this is the first time you are using a
npm-e package at Bayer or you do not have a line that starts with the following
in your ~/.npmrc
file:
//npm.platforms.engineering/:_authToken=
Input Label Props
| Name | Type | Default | Required | Description | | --------- | ------- | --------- | -------- | ------------------------------------------------------------------------------- | | className | string | undefined | false | The css class name to be passed through to the component markup. | | disabled | boolean | false | false | Applies disabled styling. | | hideLabel | boolean | false | false | Visibly disable the label, though it will still be available to screen readers. |
Input Label Render Props
| Name | Type | Default | Required | Description | | -------- | --------------- | ------- | -------- | ---------------------------------------------------------------------- | | children | React.ReactNode | null | true | Content to be rendered inside the FormField. Accepts any valid markup. |