Компоненты

En/ Ru

Компоненты

Витрина в режиме wireframe для примитивов github.com/fastygo/templ и реестра приложения.

Начало работы

Installation

Используйте этот репозиторий как эталонное приложение или копир…

Introduction

FastyGo UI — wireframe-галерея компонентов на Go и templ. Страницы показывают …

Theming

Семантические токены (background, foreground, primary, …) задаются CSS-переменным…

Примитивы

Badge

Короткая метка статуса с вариантами и размерами.

Block

Landmark верхнего уровня страницы; не вкладывайте Block в Block.

Box

Внутренняя обёртка для layout внутри Block; не для landmarks верхнего уровн…

Button

Действие по клику или навигация при заданном Href.

Checkbox

Нативный булев контрол формы.

Container

Оболочка ширины страницы с div, main или section.

Fieldset

Form controls covers fieldset, legend, datalist, output, meter, and progress.

Dialog

Dialog renders a native dialog root with optional behavior hook.

Disclosure

Disclosure renders native details and summary elements.

Grid

CSS Grid контейнер с ячейками GridCol.

Group

Горизонтальный flex-ряд; поддерживает fieldset для связанных контролов…

Icon

Icon renders a class-based span, svg use reference, or text fallback.

Image

Image renders accessible img, picture, and source primitives.

Input

Однострочное нативное текстовое поле.

Label

Связывает видимый текст с одним контролом формы.

Break

Break renders br or wbr for controlled inline wrapping.

Link

Link renders a semantic anchor for navigation and prose.

List

Контейнер ul, ol, dl или menu с элементами ListItem.

Radio

Один вариант в именованной группе radio; общий Name.

Select

Нативный dropdown из слайса Options.

Separator

Separator renders a semantic or decorative hr.

Stack

Вертикальный flex-столбец; базовый примитив отступов.

Switch

Toggle с ARIA role switch и aria-checked.

Text

Обычный текст в семантическом теге; копия передаётся вторым аргу…

Textarea

Нативное многострочное текстовое поле.

Title

Один heading по prop Order (h1–h6).

Утилиты

Tags

Ограничение имён HTML-тегов по группам примитивов и безопасный выб…

Utils

Общие Go-хелперы для registry-кирпичей: классы, атрибуты, ARIA и рецепты в…

Компоненты

Accordion

Вертикально сложенные раскрывающиеся секции (wireframe; data-ui8kit accordion).

Alert

Callout для важных сообщений.

Alert Dialog

Модальное окно, прерывающее поток действий.

Aspect Ratio

Контейнер с фиксированным aspect ratio.

Avatar

Заглушка аватара пользователя.

Blog Card

Переиспользуемые карточки блога с плейсхолдером медиа — вертика…

Breadcrumb

Цепочка навигации до текущей страницы.

Card

Сгруппированный контент с header, body и footer.

Carousel

Горизонтальный прокручиваемый список.

Dialog

Wireframe модального диалога (data-ui8kit dialog).

Drawer

Wireframe нижней выезжающей панели (bottom sheet).

Dropdown Menu

Меню, открываемое по кнопке.

Form

Landmark формы с вспомогательными элементами FormItem.

Icon

Latty icon mask (реестр приложения).

IconBadge

IconBadge renders a small icon surface for nav rows, cards, and status blocks.

Language Toggle

Переключатель локали (пакет toggles приложения).

Menubar

Горизонтальная панель меню.

Nav

Nav composes labeled navigation lists with active and disabled links.

Navigation Menu

Навигация по сайту с разделами.

Pagination

Элементы навигации по страницам.

Progress

Wireframe индикатора прогресса.

Separator

Визуальный разделитель между секциями.

Sheet

Sheet composes a side panel with trigger, overlay, content, and close parts.

Slider

Нативный range input через ui.Input.

Table

Таблица с секциями, строками и ячейками.

Tabs

Интерфейс с вкладками (wireframe; data-ui8kit tabs).

Блоки

Dashboard Overview

Каркас блока — wireframe-секция с placeholder-текстом для будущего извлече…

Docs Article

Каркас блока — wireframe-секция с placeholder-текстом для будущего извлече…

Marketing Hero

Каркас блока — wireframe-секция с placeholder-текстом для будущего извлече…