Skip to content

Commit 43d8e20

Browse files
committed
fix(CountUpDemo): remove separator preview slider
1 parent f121946 commit 43d8e20

File tree

1 file changed

+3
-15
lines changed

1 file changed

+3
-15
lines changed

src/demo/Animations/CountUpDemo.vue

Lines changed: 3 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
:direction="direction"
1212
:delay="delay"
1313
:duration="duration"
14-
:separator="separator"
1514
class-name="count-up-text"
1615
/>
1716

@@ -41,17 +40,15 @@
4140
</div>
4241

4342
<Customize>
44-
<PreviewSlider title="From" v-model="from" :min="0" :max="1000" :step="10" />
43+
<PreviewSlider title="From" v-model="from" :min="0" :max="100" :step="10" />
4544

46-
<PreviewSlider title="To" v-model="to" :min="100" :max="5000" :step="100" />
45+
<PreviewSlider title="To" v-model="to" :min="100" :max="500" :step="100" />
4746

4847
<PreviewSelect title="Direction" v-model="direction" :options="directionOptions" />
4948

5049
<PreviewSlider title="Duration" v-model="duration" :min="0.5" :max="10" :step="0.5" value-unit="s" />
5150

5251
<PreviewSlider title="Delay" v-model="delay" :min="0" :max="5" :step="0.5" value-unit="s" />
53-
54-
<PreviewSelect title="Separator" v-model="separator" :options="separatorOptions" />
5552
</Customize>
5653

5754
<PropTable :data="propData" />
@@ -94,25 +91,16 @@ const setStartCounting = (value: boolean) => {
9491
};
9592
9693
const from = ref(50);
97-
const to = ref(1000);
94+
const to = ref(100);
9895
const direction = ref<'up' | 'down'>('up');
9996
const duration = ref(2);
10097
const delay = ref(0);
101-
const separator = ref(',');
10298
10399
const directionOptions = [
104100
{ label: 'Up', value: 'up' },
105101
{ label: 'Down', value: 'down' }
106102
];
107103
108-
const separatorOptions = [
109-
{ label: 'None', value: '' },
110-
{ label: 'Comma (,)', value: ',' },
111-
{ label: 'Period (.)', value: '.' },
112-
{ label: 'Space ( )', value: ' ' },
113-
{ label: 'Underscore (_)', value: '_' }
114-
];
115-
116104
const propData = [
117105
{
118106
name: 'to',

0 commit comments

Comments
 (0)