From b55f11d99d558cdcad1279ac692a2d20dc51ad70 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bed=C5=99ich=20Schindler?= Date: Wed, 31 Jul 2024 14:15:16 +0200 Subject: [PATCH] fixup! fixup! Change `label` of inputs to accept any node (#526) --- src/components/CheckboxField/README.md | 3 +++ src/components/FileInputField/README.md | 3 +++ src/components/Radio/README.md | 3 +++ src/components/SelectField/README.md | 3 +++ src/components/TextArea/README.md | 3 +++ src/components/TextField/README.md | 3 +++ src/components/Toggle/README.md | 3 +++ 7 files changed, 21 insertions(+) diff --git a/src/components/CheckboxField/README.md b/src/components/CheckboxField/README.md index 5b793c22..03abd789 100644 --- a/src/components/CheckboxField/README.md +++ b/src/components/CheckboxField/README.md @@ -45,6 +45,9 @@ See [API](#api) for all available options. send me any emails” which would mean that the user needs to turn the checkbox **on** in order for something **not** to happen. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the CheckboxField's label invisible when there is **another visual clue** to guide users through toggling the input. diff --git a/src/components/FileInputField/README.md b/src/components/FileInputField/README.md index cc2ada30..be96559d 100644 --- a/src/components/FileInputField/README.md +++ b/src/components/FileInputField/README.md @@ -27,6 +27,9 @@ See [API](#api) for all available options. polite phrases like _Please attach your file here_. Short labels will help your users accomplish their task faster. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the FileInputField's label invisible when there is **another visual clue** to guide users through filling the input. diff --git a/src/components/Radio/README.md b/src/components/Radio/README.md index e0a9a382..62732904 100644 --- a/src/components/Radio/README.md +++ b/src/components/Radio/README.md @@ -56,6 +56,9 @@ See [API](#api) for all available options. polite phrases like _Please select your favourite fruit_. Short labels will help your users accomplish their task faster. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the Radio's label invisible when there is **another visual clue** to guide users through filling the input. diff --git a/src/components/SelectField/README.md b/src/components/SelectField/README.md index e1a5f23b..a53ec790 100644 --- a/src/components/SelectField/README.md +++ b/src/components/SelectField/README.md @@ -56,6 +56,9 @@ See [API](#api) for all available options. polite phrases like _Please select your favourite fruit_. Short labels will help your users accomplish their task faster. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the SelectField's label invisible when there is **another visual clue** to guide users through filling the input. Using the first option as label is not recommended either — it disappears once user makes their choice. diff --git a/src/components/TextArea/README.md b/src/components/TextArea/README.md index 27055a87..24ac15a4 100644 --- a/src/components/TextArea/README.md +++ b/src/components/TextArea/README.md @@ -24,6 +24,9 @@ See [API](#api) for all available options. polite phrases like _Please enter your message_. Short labels will help your users accomplish their task faster. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the TextArea's label invisible when there is **another visual clue** to guide users through filling the input. Using the first option as label is not recommended either — it disappears once user makes their choice. diff --git a/src/components/TextField/README.md b/src/components/TextField/README.md index af547a89..24b1a8f7 100644 --- a/src/components/TextField/README.md +++ b/src/components/TextField/README.md @@ -36,6 +36,9 @@ See [API](#api) for all available options. polite phrases like _Please enter your first name_. Short labels will help your users accomplish their task faster. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the TextField's label invisible when there is **another visual clue** to guide users through filling the input. diff --git a/src/components/Toggle/README.md b/src/components/Toggle/README.md index f51e512f..80505ca5 100644 --- a/src/components/Toggle/README.md +++ b/src/components/Toggle/README.md @@ -39,6 +39,9 @@ See [API](#api) for all available options. me any emails” which would mean that the user needs to turn the toggle **on** in order for something **not** to happen. +- **Use text labels** unless it is necessary to wrap text label into + Popover-like to component to provide additional info about the field. + - Only make the Toggle's label invisible when there is **another visual clue** to guide users through using the input.