{"repo":"gokh4nozturk/gauge","free":true,"listed":false,"github":"https://github.com/gokh4nozturk/gauge","clone":"git clone https://github.com/gokh4nozturk/gauge.git","description":"An aesthetic and customizable circular visual component for Vue","language":"Vue","stars":21,"topics":["gauge","vuejs","animation","progress","dashboard","circular"],"license":"MIT","category":"dashboards-admin","readme_excerpt":"Vue Gauge Component Vue Gauge Component is an aesthetic and customizable circular visual component for Vue. This component is a Vue 3 port of the Gauge component by Onur Şuyalçınkaya. Features - Customizable size - Customizable colors - Customizable stroke width - Animated progress - Ascending or descending variants - Display value inside gauge - Fully reactive - Idle mode Installation Global Registration Local Registration Props Name Type Default Description ------------- --------------------- ----------- ----------------------------------------------------------------- value Number - The value of the gauge (0-100) size String, Number 'md' Size of the gauge (xs, sm, md, lg, xl, 2xl, or a numeric value) gapPercent Number 5 Percentage of the circumference representing the gap between arcs strokeWidth Number 10 Width of the gauge stroke variant String 'ascending' Direction of gauge animation ('ascending' or 'descending') showValue Boolean false Whether to display the current value inside the gauge showAnimation Boolean false Whether to animate the gauge when it first renders primary String, Array, Object null Primary color or color scale for the gauge secondary String, Array, Object null Secondary color or color scale for the gauge idleMode Boolean false Whether to show the idle mode icon Default Color Scale If no primary color is specified, the component will use a default color scale based on the value: - 0-25: Red (#ef4444) - 26-50: Amber (#f59e0b) - 51-75: Blue (#3b82f6) - ","default_branch":null,"files":null,"tree":[],"storefront":"/r/gokh4nozturk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gokh4nozturk/gauge/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}