Separador (Separator)

Los separadores se utilizan para distinguir visualmente el contenido en un diseño o lista. Pueden ser horizontales o verticales, lo que los hace versátiles para diversas necesidades de diseño.

Uso

Para usar Separator, impórtalo desde tus componentes y especifica la orientación (orientation) y, opcionalmente, la prop decorative (decorativo) para controlar su apariencia.

Separador horizontal

Un separador que se extiende horizontalmente, útil para dividir contenido como elementos de lista o secciones en un diseño.

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

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

Separador decorativo

Demuestra cómo usar la prop decorative para renderizar un separador que está destinado a fines visuales o decorativos en lugar de la división semántica del contenido.

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

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