1import { useState, Slider, Text, VStack, NavigationStack, Navigation, Script } from "scripting"
2
3function Example() {
4 const [value, setValue] = useState(15)
5
6 return <NavigationStack>
7 <VStack
8 navigationTitle={"Slider"}
9 navigationBarTitleDisplayMode={"inline"}
10 >
11 <Slider
12 min={0}
13 max={100}
14 value={value}
15 onChanged={setValue}
16 label={<Text>{value}</Text>}
17 minValueLabel={<Text>0</Text>}
18 maxValueLabel={<Text>100</Text>}
19 />
20 <Text>Current value: {value}</Text>
21 </VStack>
22 </NavigationStack>
23}
24
25async function run() {
26 await Navigation.present({
27 element: <Example />
28 })
29
30 Script.exit()
31}
32
33run()
