CMain

CMain is the main content area of the application. It stretches to fill all available space inside CApp and serves as the semantic container for page content.

Basic usage

<template>
  <c-app>
    <c-main>
      <!-- page content -->
    </c-main>
  </c-app>
</template>

Props

Prop

Type

Default

Description

tag

string

'div'

HTML tag of the root element

Slots

Slot

Description

default

Page content

CSS variables

CMain does not define its own CSS variables. Style it with utility classes or directly via the .c-main selector.

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