cosmemilton-ui/serverLayout & chrome

CmSectionHeader

Use para separar blocos dentro de uma pagina sem criar uma nova superficie.

Import

tsx
import { CmSectionHeader } from "cosmemilton-ui/server";

Secao com acao

Pedidos recentes

Ultimas movimentacoes da carteira.

tsx
import { CmButton } from "cosmemilton-ui/client";
import { CmSectionHeader } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmSectionHeader
      title="Pedidos recentes"
      description="Ultimas movimentacoes da carteira."
      bordered
      padded
      actions={<CmButton size="sm" variant="outline">Ver todos</CmButton>}
    />
  );
}

API rapida

CmSectionHeader

titledescriptionactionsborderedpadded