# Startup UI

> Vue 3 UI component library for IT startups (great with Laravel + InertiaJS). Every component is prefixed with `S` (SButton, SInput, …) and strictly typed — read prop/emit/slot types from the .d.ts. FontAwesome and InertiaJS are optional, injected once via app.use(StartupUI, { icon, router, link }). Component docs below are written in Russian; the default runtime locale is English (switchable via configureStartupUi).

## Forms

- [SCheckboxGroup, SCheckbox](https://startup-ui.ru/pages/components/forms/scheckbox.md): Одиночная галочка или набор галочек.
- [SDatePicker](https://startup-ui.ru/pages/components/forms/sdatepicker.md): Поле выбора даты.
- [SForm, SFormRow](https://startup-ui.ru/pages/components/forms/sform.md): SForm и SFormRow позволяют быстро собирать функциональные формы.
- [SHtmlEditor](https://startup-ui.ru/pages/components/forms/shtmleditor.md): Визуальный HTML-редактор.
- [SInput](https://startup-ui.ru/pages/components/forms/sinput.md): Базовые поля ввода.
- [SRadioGroup, SRadio](https://startup-ui.ru/pages/components/forms/sradio.md): Радио-кнопки.
- [SSelect](https://startup-ui.ru/pages/components/forms/sselect.md): Выпадающий список с вариантами выбора.
- [SSlider](https://startup-ui.ru/pages/components/forms/sslider.md): Ползунок для выбора числового значения из диапазона. Рядом с ползунком отображается текущее значение.
- [SSwitch](https://startup-ui.ru/pages/components/forms/sswitch.md): Включатель-выключатель.
- [SUpload](https://startup-ui.ru/pages/components/forms/supload.md): Загрузка файла. Всегда вставляется внутри некой формы, не используется в отрыве от неё.

## Data

- [SFilterGroup, SFilter](https://startup-ui.ru/pages/components/data/sfilter.md): Фильтры.
- [SPagination](https://startup-ui.ru/pages/components/data/spagination.md): Постраничная навигация.
- [STable](https://startup-ui.ru/pages/components/data/stable.md): Таблица.
- [STree](https://startup-ui.ru/pages/components/data/stree.md): Дерево элементов.

## Interfaces

- [SActionBar](https://startup-ui.ru/pages/components/interfaces/sactionbar.md): Полоска действия (обычно, для выбранных элементов).
- [SActionIcon](https://startup-ui.ru/pages/components/interfaces/sactionicon.md): Иконка действия (чаще всего используется в таблицах).
- [SAlert](https://startup-ui.ru/pages/components/interfaces/salert.md): Оповещение о произошедшем событии.
- [SButton](https://startup-ui.ru/pages/components/interfaces/sbutton.md): Кнопка.
- [SColumnSettings](https://startup-ui.ru/pages/components/interfaces/scolumnsettings.md): Включение/выключение колонок в таблице.
- [SConfirm](https://startup-ui.ru/pages/components/interfaces/sconfirm.md): Диалоговое окно подтверждения действия.
- [SCopyText](https://startup-ui.ru/pages/components/interfaces/scopytext.md): Копируемый текст.
- [SDashboard, SDashboardItem](https://startup-ui.ru/pages/components/interfaces/sdashboard.md): Дешборд блоков (как правило, удобно использовать для отчетов).
- [SDialog](https://startup-ui.ru/pages/components/interfaces/sdialog.md): Диалоговое окно.
- [SImagePreview](https://startup-ui.ru/pages/components/interfaces/simagepreview.md): Картинка, которую можно посмотреть более детально в диалоговом окне.
- [SNote](https://startup-ui.ru/pages/components/interfaces/snote.md): Текстовая заметка.
- [SProgressBar](https://startup-ui.ru/pages/components/interfaces/sprogressbar.md): Полоска прогресса.
- [SStat](https://startup-ui.ru/pages/components/interfaces/sstat.md): Строка статистики, выровненная по заголовкам.
- [SStatus](https://startup-ui.ru/pages/components/interfaces/sstatus.md): Текстовый статус (как правило с иконкой).
- [SStepper](https://startup-ui.ru/pages/components/interfaces/sstepper.md): Индикатор шагов многошагового сценария (мастер, воронка): пройденные шаги отмечаются галочкой и позволяют вернуться назад кликом, будущие шаги открываются самим сценарием.
- [STag](https://startup-ui.ru/pages/components/interfaces/stag.md): Тег (может также использоваться как отображение статуса).
- [STimeline](https://startup-ui.ru/pages/components/interfaces/stimeline.md): Вертикальная черта с точками-пунктами.
- [SToggleGroup, SToggle](https://startup-ui.ru/pages/components/interfaces/stoggle.md): Открывающийся-закрывающийся блок.
- [STooltip](https://startup-ui.ru/pages/components/interfaces/stooltip.md): Иконка вопроса со всплывающей подсказкой.

## Layout & template

- [SCanvas, SFooter](https://startup-ui.ru/pages/components/template/scanvas.md): Общий шаблон страницы.
- [SMenu](https://startup-ui.ru/pages/components/template/smenu.md): Горизонтальное меню с выпадающими подменю. Подходит для шапки (`header`) и подшапки (`subheader`) — объединяет в одном компоненте плоскую навигацию и дропдауны.
- [SVerticalMenu](https://startup-ui.ru/pages/components/template/sverticalmenu.md): Боковое меню.

## Optional

- [Что такое Startup UI](https://startup-ui.ru/pages/welcome/basics/about.md): Это библиотека UI-компонентов для [JavaScript-фреймворка Vue3](https://vuejs.org/), заточенная под типовые задачи IT-стартапов. Нативно интегрируется с эффективным для IT-стартапов стеком [Laravel](https://laravel.com/) + [InertiaJS](https://inertiajs.com/).
- [Установка](https://startup-ui.ru/pages/welcome/basics/installing.md): Добавляем Startup UI в свой проект и подключаем первый компонент.
- [Локализация](https://startup-ui.ru/pages/welcome/basics/localization.md): Все пользовательские строки компонентов берутся из единого словаря. Локаль и переопределения задаются один раз — централизованно.
- [Вайб-кодинг со Startup UI](https://startup-ui.ru/pages/welcome/extras/vibe-coding.md): Startup UI спроектирован под сборку интерфейсов **промптами**: ты описываешь ИИ-агенту задачу, а он верстает (и правит) экраны из готовых `S`-компонентов — единообразно и по правилам библиотеки. Чтобы агент использовал компоненты правильно, а не выдумывал API, документация отдаётся в машинно-читаемом виде, и **агент разбирается в ней сам**.