Pages & Composants

Les pages sont rendues côté serveur via un système d’arbre de composants. Chaque page a un name, un path, des métadonnées (SEO, favicons) et des sections contenant des composants imbriqués.

Structure d’une page

pages: - name: home path: / meta: title: "My App - Home" description: "Welcome to my application" openGraph: title: "My App" description: "A Sovrium-powered application" image: "/og-image.png" sections: - type: section props: className: "py-20 bg-gray-900" children: - type: h1 content: "Welcome" - type: paragraph content: "Built with Sovrium"

63 types de composants

Les composants forment un arbre récursif — chacun peut avoir type, content, props et children.

Mise en page

sectioncontainerflexgriddivspanheaderfooternav

Typographie

h1h2h3h4h5h6paragraphblockquote

Navigation & Actions

linkbuttonbreadcrumbpaginationdropdown

Média

imagevideoaudioiconiframeembedfigurefigcaption

Éléments de formulaire

forminputtextareaselectoptionlabel

Affichage de données

tabletheadtbodytfoottrthtdulolli

Interactif

accordiontabstabmodaltooltipprogressrating

Affichage

cardbadgeseparatorbannerheromarqueeavatarhr

Interactions

Les composants supportent 4 types d’interaction via la propriété interactions : hover (transformation, opacité, échelle, ombre), click (navigation, défilement, bascule), scroll (parallaxe, fondu, comportement sticky) et entrance (animation à la première vue avec délai et durée).

←ThèmeAuthentification→