File tree 1 file changed +5
-35
lines changed
packages/svelte-ux/src/routes/docs/components/Gooey
1 file changed +5
-35
lines changed Original file line number Diff line number Diff line change 69
69
70
70
<div class =" grid grid-cols-[1fr_auto] gap-2 items-end" >
71
71
<h2 >Rounded text background</h2 >
72
- <RangeField
73
- label =" blur-sm: "
74
- labelPlacement =" left"
75
- bind:value ={gooeyBlur }
76
- max ={13 }
77
- class =" mb-1"
78
- />
72
+ <RangeField label ="blur: " labelPlacement ="left" bind:value ={gooeyBlur } max ={13 } class =" mb-1" />
79
73
</div >
80
74
81
75
<Preview class =" bg-primary" >
100
94
101
95
<div class =" grid grid-cols-[1fr_auto] gap-2 items-end" >
102
96
<h2 >Orbiting glowing dot</h2 >
103
- <RangeField
104
- label =" blur-sm: "
105
- labelPlacement =" left"
106
- bind:value ={gooeyBlur }
107
- max ={13 }
108
- class =" mb-1"
109
- />
97
+ <RangeField label ="blur: " labelPlacement ="left" bind:value ={gooeyBlur } max ={13 } class =" mb-1" />
110
98
</div >
111
99
112
100
<Preview class =" bg-gradient-radial from-neutral-600 to-neutral-800" >
140
128
141
129
<div class =" grid grid-cols-[1fr_auto] gap-2 items-end" >
142
130
<h2 >Scanning glowing dot</h2 >
143
- <RangeField
144
- label =" blur-sm: "
145
- labelPlacement =" left"
146
- bind:value ={gooeyBlur }
147
- max ={13 }
148
- class =" mb-1"
149
- />
131
+ <RangeField label ="blur: " labelPlacement ="left" bind:value ={gooeyBlur } max ={13 } class =" mb-1" />
150
132
</div >
151
133
152
134
<Preview class =" bg-gradient-radial from-neutral-600 to-neutral-800 text-center" >
181
163
182
164
<div class =" grid grid-cols-[1fr_auto] gap-2 items-end" >
183
165
<h2 >Converging dots</h2 >
184
- <RangeField
185
- label =" blur-sm: "
186
- labelPlacement =" left"
187
- bind:value ={gooeyBlur }
188
- max ={10 }
189
- class =" mb-1"
190
- />
166
+ <RangeField label ="blur: " labelPlacement ="left" bind:value ={gooeyBlur } max ={10 } class =" mb-1" />
191
167
</div >
192
168
193
169
<Preview class =" text-center" >
207
183
208
184
<div class =" grid grid-cols-[1fr_auto] gap-2 items-end" >
209
185
<h2 >Gooey mouse</h2 >
210
- <RangeField
211
- label =" blur-sm: "
212
- labelPlacement =" left"
213
- bind:value ={gooeyBlur }
214
- max ={10 }
215
- class =" mb-1"
216
- />
186
+ <RangeField label ="blur: " labelPlacement ="left" bind:value ={gooeyBlur } max ={10 } class =" mb-1" />
217
187
</div >
218
188
219
189
<Preview class =" relative overflow-hidden" >
You can’t perform that action at this time.
0 commit comments