Skip to content

CMain

CMain — основная контентная область приложения. Растягивается на всё доступное пространство внутри CApp и является семантическим контейнером для основного содержимого страницы.

Базовое использование

vue
<template>
  <c-app>
    <c-main>
      <!-- содержимое страницы -->
    </c-main>
  </c-app>
</template>

Props

Prop
Тип
По умолчанию
Описание
tag
string
'div'
HTML-тег корневого элемента

Slots

Slot
Описание
default
Содержимое страницы

CSS-переменные

CMain не определяет собственных CSS-переменных. Стилизуется через утилитарные классы или напрямую через селектор .c-main.

scss
.c-main {
  flex: 1 0 auto;
  max-width: 100%;
}