Separador

Separadores são usados para distinguir visualmente o conteúdo em um layout ou lista. Podem ser horizontais ou verticais, tornando-os versáteis para várias necessidades de design.

Uso

Para usar o Separator, importe-o dos seus componentes e especifique a orientation e, opcionalmente, a prop decorative para controlar sua aparência.

Separador horizontal

Um separador que se estende horizontalmente, útil para dividir conteúdo como itens de lista ou seções em um layout.

import React from "react";
import { Separator } from "@firecms/ui";

export default function SeparatorHorizontalDemo() {
    return <Separator orientation="horizontal" />;
}

Separador decorativo

Demonstra como usar a prop decorative para renderizar um separador destinado a propósitos visuais ou decorativos em vez de divisão semântica de conteúdo.

import React from "react";
import { Separator } from "@firecms/ui";

export default function SeparatorDecorativeDemo() {
    return <Separator orientation="horizontal" decorative={true} />;
}