Header

Section heading primitive.

Import

import { Header } from '@heroui-vue/vue'

Usage

Project settings

Configure component translations and preview behavior.

<template>
  <Card class="max-w-xl">
    <Header>Project settings</Header>
    <CardContent class="text-default-600">
      Configure component translations and preview behavior.
    </CardContent>
  </Card>
</template>

<script setup>
import { Card, CardContent, Header } from '@heroui-vue/vue'
</script>

API

Prop	Type	Default	Description
class	string	undefined	Custom class