diff --git a/src/components/Select/__stand__/Select.use.stand.mdx b/src/components/Select/__stand__/Select.use.stand.mdx new file mode 100644 index 000000000..e356690f0 --- /dev/null +++ b/src/components/Select/__stand__/Select.use.stand.mdx @@ -0,0 +1,69 @@ +import { MdxMenu } from '@consta/stand'; +import { MdxImage } from '@consta/stand'; +import start_example from './images/Select_example_04.jpg'; +import form from './images/Select_example_02.jpg'; +import filter from './images/Select_example_01.jpg'; +import server from './images/Select_example_03.jpg'; + + + +- [Контекст использования](#контекст-использования) +- [Лучшие практики](#лучшие-практики) +- [Похожие компоненты](#похожие-компоненты) +- [Полезные ссылки](#полезные-ссылки) + + + +Используйте `Select`, чтобы дать пользователю возможность выбрать элемент из заранее определенного списка. Компонент часто применяется в формах, настройках, фильтрах, где значения предопределены. + + + +# Контекст использования + +## Формы ввода данных + +Компонент `Select` может использоваться в формах ввода данных для выбора страны, языка, часового пояса, профессии и других параметров. + +**Пример**. Выбор организации из преднастроенного списка в регистрационной форме. + + + +## Фильтры и сортировка + +Компонент подойдет для выбора критериев фильтрации или сортировки при поиске товаров, услуг или информации. + +**Пример**. Фильтрация посещений по переходам из различных ресурсов. + + + +## Настройки и параметры + +Компонент `Select` может использоваться для выбора различных параметров в настройках приложения. + +**Пример**. Выбор настроек сервера из списка преднастроенных значений. + + + +# Лучшие практики + +## Подсказка + +Вы можете добавить [подсказку](##LIBS.LIB.STAND.TAB/lib:uikit/stand:components-select-stable/tab:dev/hash:подсказка) для выбора элемента. Так, например, можно использовать слово "Выберите". + +## Значение по умолчанию + +Установите значение по умолчанию, если можно предположить, что один из элементов списка будет использоваться чаще других. Это поможет пользователю быстрее завершить заполнение формы. + +## Группировка + +Если в списке много элементов, разделите их на логические [группы](##LIBS.LIB.STAND.TAB/lib:uikit/stand:components-select-stable/tab:dev/hash:группы-вариантов). Это упростит навигацию и поиск нужного варианта. + +# Похожие компоненты + +[Combobox](##LIBS.LIB.STAND/lib:uikit/stand:components-combobox-stable) — выпадающий список с возможностью выбора нескольких элементов. Умеет предлагать подсказки на основе ввода. + +# Полезные ссылки + +- [Редполитика](##LIBS.LIB.STAND/lib:portal/stand:guidelines-editorialpolicy) +- [Создание иконок](##LIBS.LIB.STAND/lib:portal/stand:contributers-addicons) +- [Combobox](##LIBS.LIB.STAND/lib:uikit/stand:components-combobox-stable) diff --git a/src/components/Select/__stand__/images/Select_example_01.jpg b/src/components/Select/__stand__/images/Select_example_01.jpg new file mode 100644 index 000000000..23be71588 Binary files /dev/null and b/src/components/Select/__stand__/images/Select_example_01.jpg differ diff --git a/src/components/Select/__stand__/images/Select_example_02.jpg b/src/components/Select/__stand__/images/Select_example_02.jpg new file mode 100644 index 000000000..1c2f78c25 Binary files /dev/null and b/src/components/Select/__stand__/images/Select_example_02.jpg differ diff --git a/src/components/Select/__stand__/images/Select_example_03.jpg b/src/components/Select/__stand__/images/Select_example_03.jpg new file mode 100644 index 000000000..8c83f5d83 Binary files /dev/null and b/src/components/Select/__stand__/images/Select_example_03.jpg differ diff --git a/src/components/Select/__stand__/images/Select_example_04.jpg b/src/components/Select/__stand__/images/Select_example_04.jpg new file mode 100644 index 000000000..5b3250d16 Binary files /dev/null and b/src/components/Select/__stand__/images/Select_example_04.jpg differ