input-label

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

36,975

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

25 KB

The contents of the `InputLabel`.

2 contributors

Install input-label as a package?

Copied

npm i @bit/mui-org.material-ui.input-label

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

The contents of the InputLabel.

If true, the transition animation is disabled.

If true, apply disabled class.

If true, the label will be displayed in an error state.

If true, the input of this label is focused.

If dense, will adjust vertical spacing. This is normally obtained via context from FormControl.

if true, the label will indicate that the input is required.

If true, the label is shrunk.

The variant to use.

Demos:

API:

Properties

Name	Type	Description
children	`node`	The contents of the `InputLabel`.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
className	`string`
color	`'primary' \| 'secondary'`	The color of the component. It supports those theme colors that make sense for this component.
disableAnimation	`bool`	If `true`, the transition animation is disabled.
disabled	`bool`	If `true`, apply disabled class.
error	`bool`	If `true`, the label will be displayed in an error state.
focused	`bool`	If `true`, the input of this label is focused.
margin	`'dense'`	If `dense`, will adjust vertical spacing. This is normally obtained via context from FormControl.
required	`bool`	if `true`, the label will indicate that the input is required.
shrink	`bool`	If `true`, the label is shrunk.
variant	`'filled' \| 'outlined' \| 'standard'`	The variant to use.