atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 06:29:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

[ FIX ] : TextType CursorCharacter Options

Browse Source
This commit is contained in:
Utkarsh-Singhal-26
2026-01-10 11:57:51 +05:30
parent 40f95d1d4d
commit 62e843cf9a
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/demo/TextAnimations/TextTypeDemo.vue
View File

@@ -17,7 +17,7 @@
</div> </div>
<Customize> <Customize>
<PreviewSelect v-model="cursorCharacter" :options="['|', '_', '█', '▌', '▐']" title="Cursor Character" /> <PreviewSelect v-model="cursorCharacter" :options="cursorOptions" title="Cursor Character" />
<PreviewSlider v-model="typingSpeed" title="Typing Speed" :min="10" :max="200" :step="5" value-unit="ms" /> <PreviewSlider v-model="typingSpeed" title="Typing Speed" :min="10" :max="200" :step="5" value-unit="ms" />
<PreviewSlider <PreviewSlider
v-model="pauseDuration" v-model="pauseDuration"
@@ -99,6 +99,14 @@ const cursorBlinkDuration = ref(0.5);
const { rerenderKey: key } = useForceRerender(); const { rerenderKey: key } = useForceRerender();
const cursorOptions = [
{ value: '_', label: 'Underscore (_)' },
{ value: '|', label: 'Pipe (|)' },
{ value: '▎', label: 'Block (▎)' },
{ value: '●', label: 'Dot (●)' },
{ value: '█', label: 'Full Block (█)' }
];
const propData = [ const propData = [
{ {
name: 'text', name: 'text',