DocSpace-client/packages/components/label
2022-07-22 22:01:25 +03:00
..
index.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
label.stories.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
label.test.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00

Label

Component displays the field name in the form

Usage

import Label from "@docspace/components/label";
<Label
  text="First name:"
  title="first name"
  htmlFor="firstNameField"
  display="block"
/>

Properties

Props Type Required Values Default Description
className string - - - Class name
display string - - - Sets the 'display' property
error bool - - - Indicates that the field to which the label is attached is incorrect
htmlFor string - - - The field ID to which the label is attached
id string - - - Accepts id
isInline bool - - false Sets the 'display: inline-block' property
isRequired bool - - false Indicates that the field to which the label is attached is required to fill
style obj, array - - - Accepts css style
text string - - - Text
title string - - - Title
truncate bool - - false Disables word wrapping