Reference
UI nodes
Every AdanotchKit.ui helper and the node it builds.
Every helper returns a plain JSON node; you can write nodes by hand too ({ type: "text", value: "42" }). A view holds 2000 nodes at most, 32 levels deep.
Shared types
Tone:"default" | "secondary" | "accent" | "success" | "warning" | "danger"TextStyle:"title" | "body" | "caption" | "mono" | "display"Symbol: an SF Symbols name
default
Temel metin ve simgeler
Örneksecondary
Yardımcı metin ve etiketler
Örnekaccent
Vurgu, bağlantı, sayaç
Örneksuccess
Tamamlanan, onaylanan
Örnekwarning
Uyarı, bekleyen durum
Örnekdanger
Kritik sınır, hata
ÖrnekText and icons
| Helper | Options | Note |
|---|---|---|
text(value) | style, tone | value is a string or a number |
markdown(value) | tone | Bold, italic, inline code, https:// links |
icon(name) | tone | SF Symbols |
image(src) | shape: "rounded" | "circle", size | HTTPS, network: domains only; size 16–120, default 40 |
badge(text) | tone | A small label |
Data
| Helper | Options | Note |
|---|---|---|
ring(value) | label, tone | 0–100 |
gauge(label, value) | tone | 0–100; 42% in the compact area |
progress(value) | tone | 0–100; a small ring in the compact area |
chart(values) | style: "line" | "area" | "bar", min, max, tone | Up to 500 values |
timer(date) | style: "timer" | "relative", textStyle, tone | Counts on its own; date is a Date or ms |
80%CPU
45%RAM
Disk Storage64%
Layout
| Helper | Options | Note |
|---|---|---|
stack(children) | axis: "h" | "v", spacing, align: "start" | "center" | "end" | Vertical by default; empty children are skipped |
grid(children) | columns, spacing | |
scroll(child) | maxHeight | |
tabs(tabs) | — | { title, icon?, content }[]; switching doesn't call the extension |
divider() | — | |
spacer() | — | Pushes its neighbours apart in a stack |
Controls
| Helper | Options | onAction value |
|---|---|---|
button(label, action) | icon, primary, value | value, or null |
toggle(label, action, isOn) | — | The new boolean |
slider(action, value) | min (0), max (100), step, label | The number it was let go at |
textField(action) | value, placeholder, changeAction | The text, on Return; with changeAction, while typing too |
picker(action, value, options) | label | The picked value; options are strings or { value, label } |
list(items) | — | The clicked row's value |
v1.0
Display Brightness70
ListItem
Prop
Type
The view
interface View {
compact?: { leading?: CompactNode | null; trailing?: CompactNode | null } | null;
expanded?: Node | null;
}
// What fits beside the notch:
type CompactNode = TextNode | IconNode | BadgeNode | TimerNode | GaugeNode | RingNode | ProgressNode;34%
SistemCanlı
42%CPU
68%RAM
Macintosh HD64%