Divider

Estrutura

Separa blocos: linha, tracejado, com texto ou ícone no meio, e vertical entre itens de uma linha.

Substitui no Brain:fp-dividerfp-divider-wrapfp-divider-v

Line · Dashed · Text · Icon · Vertical

Verticalentre itensna mesma linha
Verticalentre itensna mesma linha
import { Divider } from "@paytime/ui";
import { Dot } from "lucide-react";

export default function Example() {
  return (
    <div>
      <Divider />
      <Divider variant="dashed" />
      <Divider>com texto</Divider>
      <Divider>
        <Dot />
      </Divider>
      <div className="flex h-11 items-center gap-4 text-[13px]">
        Vertical
        <Divider orientation="vertical" />
        entre itens
        <Divider orientation="vertical" />
        na mesma linha
      </div>
    </div>
  );
}