Floating Label is used to add an animated label to other components. It is not meant as a stand alone component.
npm i @element-public/react-components @element-public/themes
npm i @element-public/react-floating-label @element-public/themes
Please Note: You will need to add @element-public to your .npmrc!
Open ~/.npmrc
in an editor and add the following line to enable the @element-public
scope:
@element-public:registry=https://npm.platforms.engineering
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
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=
Name | Type | Default | Required | Description |
---|---|---|---|---|
className | string | undefined | false | The css class name to be passed through to the component markup. |
float | boolean | false | false | The label will appear in the floating state. |
htmlFor | string | empty string | false | The id of the component to trigger on active |
shake | boolean | false | false | The label will shake briefly when set. |
Name | Type | Default | Required | Description |
---|---|---|---|---|
children | React.ReactNode | null | true | Content to be rendered inside the label. Expects a string, though accepts any valid markup. |
Description |
---|
label (removed): Use children instead. |