Components

Overtitle

A simple and customizable Overtitle component for displaying section headings with optional uppercase styling and color variants.

Component

View code

Show playground

Overtitle

Props	Default	Type
`title`	`'Overtitle'`	`string`
`isUppercase`	`true`	`boolean`
`color`	`ColorAccent.SECONDARY_BRAND`	`ColorAccent.PRIMARY_BRAND \| ColorAccent.SECONDARY_BRAND \| ColorAccent.NEUTRAL`

Sets the text to be displayed as the overtitle.

 <template>
  <Overtitle title="Section Title" />
</template>

Determines whether the overtitle text should be displayed in uppercase letters.

 <template>
  <Overtitle title="Section Title" :isUppercase="true" />
</template>

Sets the color of the overtitle text. Accepts predefined color accents.

 <template>
  <Overtitle :color="ColorAccent.PRIMARY_BRAND" />
</template>

Type: ColorAccent.PRIMARY_BRAND | ColorAccent.SECONDARY_BRAND | ColorAccent.NEUTRAL
Default: ColorAccent.SECONDARY_BRAND