Перейти к содержимому
45 компонентов · 6 групп

MDC

Примеры core-компонентов в MDC-контенте @nuxt/content: страница рендерит содержимое живьём, как на реальной контентной странице, и показывает тот же код текстом — начните с CoreButton.

Витрина компонентов
Режим
Акцент
Цвета темы

Цвета применяются к текущему режиму (светлая/тёмная) и сохраняются в браузере. -fg акцентов подбирается по контрасту автоматически.

Исходник (MDC)
MDC
::core-alert{color="success" title="Готово"}
Изменения сохранены.
::
Живой рендер

Готово

Изменения сохранены.
CoreButtonCoreIconCoreBrandLogoCoreCardCoreTitleCoreTextCoreLinkCoreSeparatorCoreChipCoreCodeBlockCoreBadgeCoreAvatarCoreSkeletonCoreImageCoreTextShimmerCoreRevealCoreSortableListCoreAmountCoreDateCoreProgressCoreCircularProgressCoreRatingCoreDataTableCoreEmptyStateCoreAccordionCoreResizableCoreCountUpCoreImageCompareCoreMarqueeCoreKbdCoreFormCoreTabsCorePaginationCoreSliderCoreStepperCoreBreadcrumbsCoreScrollRowCoreModalCoreDrawerCoreSidebarCorePopoverCoreDropdownMenuCoreAlertCoreTooltipCoreHoverCard

Базовые

17

Данные

12

Формы

2

Навигация

6

Оверлеи

5

Обратная связь

3

Соседние витрины