Skip to main content

Labels

Each input or text, title, message can have a label That means that the components will be aligned to each other.

Examples

{
"price_text": {
"label": "Price of the car",
"type": "text",
"text": {
"from": "external_price"
},
"format": "price"
},
"test_message": {
"type": "message",
"message": "Message with label",
"label": "Label for message"
},
"test": {
"label": "Price of the car",
"component": "text"
},
"title": {
"type": "title",
"size": "h1",
"title": "Title with label",
"label": "Label for title"
},
"documents_table": {
"type": "documents_table",
"label": "Documents table",
"title": "Documents table",
"documents": [
{
"name": "Document 1",
"url": "https://www.google.com"
}
]
}
}

Storybook example

Form Label#

Form text with label#