DocSpace-buildtools/packages/asc-web-components/label
Viktor Fomin e879d94bff Merge branch 'develop' of github.com:ONLYOFFICE/AppServer into feature/sso
# Conflicts:
#	packages/asc-web-common/api/settings/index.js
#	packages/asc-web-components/checkbox/index.js
#	packages/asc-web-components/file-input/index.js
#	packages/asc-web-components/index.js
#	packages/asc-web-components/label/index.js
#	web/ASC.Web.Client/public/locales/en/Settings.json
#	web/ASC.Web.Client/public/locales/ru/Settings.json
#	web/ASC.Web.Client/src/components/pages/Settings/Layout/Article/Body/index.js
#	web/ASC.Web.Client/src/components/pages/Settings/index.js
2022-06-15 13:52:00 +03:00
..
index.js Merge branch 'develop' of github.com:ONLYOFFICE/AppServer into feature/sso 2022-06-15 13:52:00 +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