🆕 Add new UI scripts and update gitignore to ignore cache directory

This commit is contained in:
2026-04-27 00:40:45 +08:00
parent b91f50f26c
commit 42fb760b70
4 changed files with 93 additions and 0 deletions

View File

@@ -0,0 +1,26 @@
import {
App, VStack, Text, Button, State,
textSetFontSize, textSetColor,
setCornerRadius, setPadding,
widgetSetBackgroundColor,
} from "perry/ui"
const count = State(0)
const label = Text(`Count: ${count.value}`)
textSetFontSize(label, 24)
textSetColor(label, 0.2, 0.2, 0.2, 1.0) // RGBA in [0,1] — same as #333333
const btn = Button("Increment", () => count.set(count.value + 1))
setCornerRadius(btn, 8)
widgetSetBackgroundColor(btn, 0.0, 0.478, 1.0, 1.0) // system blue
const stack = VStack(20, [label, btn])
setPadding(stack, 20, 20, 20, 20)
App({
title: "Styled Counter",
width: 400,
height: 300,
body: stack,
})