UNPKG

@fifteen/design-system-vue

Version:

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

fifteen.eu

birotaio/fifteen-design-system-vue

2 lines (1 loc) • 592 B
1
2
"use strict";const e=require("vue"),l=require("../utils/genSize.js"),n=require("../utils/getCssColor.js"),c=e.defineComponent({__name:"FProgressBar",props:{value:{default:0},color:{default:"primary"},height:{default:"8px"}},setup(s){const r=s,o=e.computed(()=>(r.value<=100?r.value:100)+"%"),t=e.computed(()=>({"--fprogressbar--progress":String(o.value),"--fprogressbar--color":n.getCssColor(r.color),"--fprogressbar--height":l.genSize(r.height)}));return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:"FProgressBar",style:e.normalizeStyle(e.unref(t))},null,4))}});module.exports=c;