Property | Type | Description | Required | Default |
---|---|---|---|---|
alignWithInputValue |
boolean |
If true, aligns the label with the text input value, adding padding to the left. | No | false |
...rest |
TypographyProps |
Additional props passed to the underlying Typography component, such as size and color . |
No |
The Label
component is used to provide a text label for form fields. It can align with the input field if needed.
Example:
<Label alignWithInputValue={true}>
Input Label
</Label>
<Label color="blue">
Custom Colored Label
</Label>
In the example above, the first Label
is aligned with the input value, typically useful for form fields where
alignment consistency is desired. The second example customizes the label color.