PageHeader

PageHeader são componentes utilizados para adicionar título, subtítulo e ações em páginas.

---

Quando usar:

• Precisar colocar headers em páginas.
• Precisar adicionar botões de ação a nível de página.
• Precisar adicionar cards informativos no topo de páginas.

Quando não usar:

• Fora do topo de páginas.

Observações:

• ⚠️ Quando uma URL é colocada como parte do subtítulo, ela é renderizada como link no componente. Para tanto, a URL deve ser precedidada de http:// ou https://.

---

Uso

CdsPageHeader
	title="Procedimentos"
	subtitle="Gerencie os procedimentos cadastrados"
>
	<template
		#aside
	>
		<CdsFlexbox gap="2" wrap="no-wrap">
			<CdsButton
				secondary
				@click="logClick('Btn 1')"
				text="Button 1"
			/>
			<CdsButton
				class="d-flex align-items-center ml-4"
				variant="success"
				@click="logClick('Btn 2')"
				text="Button 2"
			/>
		</CdsFlexbox>
	</template>
</CdsPageHeader>

---

Preview

Procedimentos

Crie painéis e os associe a serviços. Para acessar os painéis de modo externo, acesse https://short.sysvale.com/totem e insira a chave correspondente.

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
* title (required)	string		--	O título das páginas nas quais o PageHeader será utilizado.
subtitle	string	null	--	O subtítulo das páginas nas quais o PageHeader será utilizado.
compact	boolean	false	--	Quando ativa, define a largura do PageHeader como 50% do container.
loading	boolean	false	--	Quando true, ativa o skeleton do componente.

Slots

Nome	Descrição
#aside