DocSpace-buildtools/packages/asc-web-components/label
2021-03-08 23:18:45 +03:00
..
index.js Web: Components: added stories (ModalDialog, MainButton, Loader, Link, LinkWithDropDown, Label, IconButton),fix HelpButton, Heading stories 2021-03-08 23:18:45 +03:00
label.stories.js Web: Components: added stories (ModalDialog, MainButton, Loader, Link, LinkWithDropDown, Label, IconButton),fix HelpButton, Heading stories 2021-03-08 23:18:45 +03:00
label.test.js Web: Components: changed component hierarchy 2021-02-24 17:42:09 +03:00
README.md Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00

Label

Component displays the field name in the form

Usage

import Label from "@appserver/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