@tamagui/demos 1.126.13 → 1.126.15

package/src/ProgressDemo.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import type { SizeTokens } from 'tamagui'
 import { Button, Paragraph, Progress, Slider, XStack, YStack } from 'tamagui'
+import { Play, RotateCcw } from '@tamagui/lucide-icons'
 
 export function ProgressDemo() {
   const [key, setKey] = React.useState(0)
@@ -51,18 +52,19 @@ export function ProgressDemo() {
           <Slider.Thumb circular index={0} />
         </Slider>
 
-        <Button size="$2" onPress={() => setProgress((prev) => (prev + 20) % 100)}>
-          Load
-        </Button>
         <Button
           size="$2"
+          icon={Play}
+          onPress={() => setProgress((prev) => (prev + 20) % 100)}
+        />
+        <Button
+          size="$2"
+          icon={RotateCcw}
           onPress={() => {
             setKey(Math.random())
             setProgress(0)
           }}
-        >
-          Reset
-        </Button>
+        />
       </XStack>
     </>
   )

package/src/SelectDemo.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ElementType } from 'react'
 import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
 
 import type { FontSizeTokens, SelectProps } from 'tamagui'
@@ -25,14 +25,16 @@ export function SelectDemo() {
   )
 }
 
-export function SelectDemoItem(props: SelectProps) {
+export function SelectDemoItem(props: SelectProps & { trigger?: React.ReactNode }) {
   const [val, setVal] = React.useState('apple')
 
   return (
     <Select value={val} onValueChange={setVal} disablePreventBodyScroll {...props}>
-      <Select.Trigger maxWidth={220} iconAfter={ChevronDown}>
-        <Select.Value placeholder="Something" />
-      </Select.Trigger>
+      {props?.trigger || (
+        <Select.Trigger maxWidth={220} iconAfter={ChevronDown}>
+          <Select.Value placeholder="Something" />
+        </Select.Trigger>
+      )}
 
       <Adapt when="maxMd" platform="touch">
         <Sheet native={!!props.native} modal dismissOnSnapToBottom animation="medium">