File tree Expand file tree Collapse file tree 2 files changed +12
-10
lines changed
packages/site/src/routes/demo/touch-target Expand file tree Collapse file tree 2 files changed +12
-10
lines changed Original file line number Diff line number Diff line change @@ -198,7 +198,7 @@ Svelte 5 Runes mode is being migrated to slowly. This is the todo list of compon
198
198
- [x] Tab
199
199
- [x] Tab Bar
200
200
- [x] Tooltip
201
- - [ ] Touch Target
201
+ - [x ] Touch Target
202
202
203
203
Note to Devs: update ` indexOf() ` on any ` $state ` array to ` findIndex() ` .
204
204
Original file line number Diff line number Diff line change 1
- <svelte:options runes ={ false } />
1
+ <svelte:options runes />
2
2
3
3
<div style =" display: flex; flex-wrap: wrap; align-items: center;" >
4
4
<Wrapper >
17
17
</Fab >
18
18
</Wrapper >
19
19
<Wrapper >
20
- <Set chips ={[' Chip' ]} let:chip style =" display: inline-flex;" >
21
- <Chip {chip } onclick ={() => clicked ++ } touch >
22
- <Text tabindex ={0 }>{chip }</Text >
23
- </Chip >
20
+ <Set chips ={[' Chip' ]} style =" display: inline-flex;" >
21
+ {#snippet chip (chip )}
22
+ <Chip {chip } onclick ={() => clicked ++ } touch >
23
+ <Text tabindex ={0 }>{chip }</Text >
24
+ </Chip >
25
+ {/ snippet }
24
26
</Set >
25
27
</Wrapper >
26
28
<Wrapper >
51
53
import Switch from ' @smui/switch' ;
52
54
import { Label , Icon } from ' @smui/common' ;
53
55
54
- let clicked = 0 ;
55
- let checked = false ;
56
- let selected = ' on' ;
57
- let switchChecked = false ;
56
+ let clicked = $state ( 0 ) ;
57
+ let checked = $state ( false ) ;
58
+ let selected = $state ( ' on' ) ;
59
+ let switchChecked = $state ( false ) ;
58
60
</script >
You can’t perform that action at this time.
0 commit comments