Styleguide komponentów

Wewnętrzny katalog komponentów treści. Wszystkie zbudowane wyłącznie z @onitsoft/oui i tokenów @onitsoft/prism — autor strony używa ich w MDX bez importów.

Callout#

Blok zwracający uwagę czytelnika. Cztery warianty, kolory z palette.action.*.

Steps#

Numerowana lista kroków „zrób X".

1. 1
   Zaloguj się

   Otwórz aplikację i podaj dane logowania.
2. 2
   Utwórz watcher

   Przejdź do sekcji watcherów i kliknij „Nowy".
3. 3
   Zapisz

   Zatwierdź konfigurację przyciskiem „Zapisz".

Tabs#

Przełącznik wariantów, np. dostawcy poczty.

LinkCard#

Klikalna karta do siatek kategorii.

Aside#

Boczna, cicha notka.

Etykieta statusu inline: Beta PRO Wkrótce

CodeBlock#

Blok kodu z przyciskiem „Kopiuj".

const bobi = "assistant";
console.log(`Cześć z ${bobi}!`);

Screenshot#

Zrzut ekranu aplikacji, świadomy języka. Placeholder gdy brak zrzutu — treść nigdy się nie blokuje.

Mermaid#

Diagram renderowany po stronie klienta (wyspa React).

graph TD; A[Watcher] --> B[Prompt]; B --> C[Wynik]

AppLink#

Deep-link do dokładnej trasy w aplikacji.

Legenda oznaczeń#

Kolory calloutów odpowiadają wadze komunikatu: informacja, sukces, ostrzeżenie, uwaga. Odznaki (badge) oznaczają status funkcji.