Blockv1.1.1Einstiegweb.documentweb.application

Beispiele

Mit Code-Beispiel

Invisible Docs

Ein UI-Framework für alles, was tricoma zeigt

Zentral definierte Bausteine, über Tokens umgestaltbar — konsumiert von Code und Dokumenten.

beispiel.php

echo invisible_render_id('ui.button', [
    'label' => 'Speichern',
]);

Nur Text

Die zwei Türen

PHP-Bibliothek für Anwendungen, Surface-JSON für redaktionelle Seiten.

Eigenschaften

Prop	Typ	Default
`eyebrow`	string	`""`
`title *`	string	`—`
`lead`	string	`""`
`actions`	array	`[]`
`code`	string	`""`
`filename`	string	`""`

Events & Slots

Events: navigate

Stellschrauben (Komponenten-Tokens)

Token	Default
`--docshero-code-muted`	`var(--color-code-muted)`
`--docshero-code-property`	`var(--color-code-property)`
`--docshero-code-surface`	`var(--color-code-surface)`
`--docshero-code-surface-raised`	`var(--color-code-surface-raised)`
`--docshero-code-text`	`var(--color-code-text)`
`--docshero-code-variable`	`var(--color-code-variable)`
`--docshero-radius-full`	`var(--radius-full)`

Genutzte Design-Tokens

border.hairline color.code.muted color.code.property color.code.surface color.code.surface-raised color.code.text color.code.variable duration.fast easing.standard font.family.default leading.base leading.tight radius.full size.10 size.12 size.2 size.3 size.4 size.5 size.6 size.8 text.lg text.md text.sm weight.bold weight.semibold