2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{j as s}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as r}from"./ComponentCard-C2b5w2__.js";import{P as a}from"./main-af3pcbZa.js";import{P as e}from"./ProgressBar-0v269fGL.js";function c(){return s.jsxs(s.Fragment,{children:[s.jsx(a,{title:"React.js Progressbar Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Progressbar Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),s.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[s.jsx(r,{title:"Progress Bar Sizes",children:s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Small"}),s.jsx(e,{value:75,size:"sm"})]}),s.jsxs("div",{children:[s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Medium"}),s.jsx(e,{value:75,size:"md"})]}),s.jsxs("div",{children:[s.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Large"}),s.jsx(e,{value:75,size:"lg"})]})]})}),s.jsx(r,{title:"Progress Bar Colors",children:s.jsxs("div",{className:"space-y-6",children:[s.jsx(e,{value:60,color:"primary",showLabel:!0}),s.jsx(e,{value:75,color:"success",showLabel:!0}),s.jsx(e,{value:45,color:"error",showLabel:!0}),s.jsx(e,{value:80,color:"warning",showLabel:!0}),s.jsx(e,{value:65,color:"info",showLabel:!0})]})}),s.jsx(r,{title:"Progress Bar with Label",children:s.jsxs("div",{className:"space-y-6",children:[s.jsx(e,{value:50,color:"primary",showLabel:!0,label:"Upload Progress"}),s.jsx(e,{value:75,color:"success",showLabel:!0,label:"Download Progress"})]})})]})]})}export{c as default};
|