mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
31 lines
766 B
TypeScript
31 lines
766 B
TypeScript
import code from '@content/Components/ElasticSlider/ElasticSlider.vue?raw';
|
|
import type { CodeObject } from '../../../types/code';
|
|
|
|
export const elasticSlider: CodeObject = {
|
|
cli: `npx jsrepo add https://vue-bits.dev/ui/Components/ElasticSlider`,
|
|
usage: `<template>
|
|
<ElasticSlider
|
|
:default-value="75"
|
|
:starting-value="0"
|
|
:max-value="100"
|
|
:is-stepped="true"
|
|
:step-size="5"
|
|
/>
|
|
|
|
<!-- With custom icons using slots -->
|
|
<ElasticSlider>
|
|
<template #left-icon>
|
|
<i class="pi pi-minus text-xl"></i>
|
|
</template>
|
|
<template #right-icon>
|
|
<i class="pi pi-plus text-xl"></i>
|
|
</template>
|
|
</ElasticSlider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import ElasticSlider from "./ElasticSlider.vue";
|
|
</script>`,
|
|
code
|
|
};
|