Separatore

I separatori sono usati per distinguere visivamente il contenuto in un layout o lista. Possono essere orizzontali o verticali, rendendoli versatili per varie esigenze di design.

Utilizzo

Per usare il Separator, importalo dai tuoi componenti e specifica l’orientation e, opzionalmente, la prop decorative per controllarne l’aspetto.

Separatore orizzontale

Un separatore che si estende orizzontalmente, utile per dividere contenuti come elementi di lista o sezioni in un layout.

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

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

Separatore decorativo

Dimostra come usare la prop decorative per renderizzare un separatore destinato a scopi visivi o decorativi piuttosto che alla divisione semantica del contenuto.

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

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