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.