cosmemilton-ui/serverLayout & chrome

CmSeparator

Use para criar divisao visual discreta entre grupos de conteudo ou controles.

Import

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

Divisores

Secao principal

Resumo

Detalhes

tsx
import { CmRow, CmSeparator, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="md">
      <CmText weight="semibold">Secao principal</CmText>
      <CmSeparator spacing="sm" />
      <CmRow gap="md" align="center">
        <CmText>Resumo</CmText>
        <CmSeparator orientation="vertical" length={24} />
        <CmText tone="muted">Detalhes</CmText>
      </CmRow>
    </CmStack>
  );
}

API rapida

CmSeparator

orientationspacinglength