natxocc/sigpro-ui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes in Docs Stat

Browse Source
This commit is contained in:
natxocc
2026-04-04 19:15:54 +02:00
parent 011aad6f2f
commit 4bc640b2c3
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/components/stat.md
View File

@@ -78,19 +78,19 @@ const IconsDemo = () => {
label: 'Active Users', label: 'Active Users',
value: '1,234', value: '1,234',
desc: 'Currently online', desc: 'Currently online',
icon: Span({ class: 'text-2xl' }, '👥') icon: Span({ class: 'text-4xl' }, '👥') // text-4xl para emojis
}), }),
Stat({ Stat({
label: 'New Orders', label: 'New Orders',
value: '89', value: '89',
desc: 'Today', desc: 'Today',
icon: Span({ class: 'text-2xl' }, '📦') icon: Span({ class: 'text-4xl' }, '📦')
}), }),
Stat({ Stat({
label: 'Pending Tasks', label: 'Pending Tasks',
value: '23', value: '23',
desc: 'Need attention', desc: 'Need attention',
icon: Span({ class: 'text-2xl' }, '⏳') icon: Span({ class: 'text-4xl' }, '⏳')
}) })
]); ]);
}; };
@@ -156,25 +156,25 @@ const MultipleDemo = () => {
label: 'Posts', label: 'Posts',
value: '1,234', value: '1,234',
desc: 'Total content', desc: 'Total content',
icon: Span({ class: 'text-2xl' }, '📝') icon: Span({ class: 'text-4xl' }, '📝') // text-4xl
}), }),
Stat({ Stat({
label: 'Comments', label: 'Comments',
value: '8,901', value: '8,901',
desc: 'Engagement', desc: 'Engagement',
icon: Span({ class: 'text-2xl' }, '💬') icon: Span({ class: 'text-4xl' }, '💬')
}), }),
Stat({ Stat({
label: 'Likes', label: 'Likes',
value: '12,345', value: '12,345',
desc: 'Reactions', desc: 'Reactions',
icon: Span({ class: 'text-2xl' }, '❤️') icon: Span({ class: 'text-4xl' }, '❤️')
}), }),
Stat({ Stat({
label: 'Shares', label: 'Shares',
value: '456', value: '456',
desc: 'Viral reach', desc: 'Viral reach',
icon: Span({ class: 'text-2xl' }, '🔄') icon: Span({ class: 'text-4xl' }, '🔄')
}) })
]); ]);
}; };
@@ -214,25 +214,25 @@ const DashboardDemo = () => {
label: 'Total Users', label: 'Total Users',
value: () => stats().users.toLocaleString(), value: () => stats().users.toLocaleString(),
desc: 'Registered users', desc: 'Registered users',
icon: Span({ class: 'text-2xl' }, '👥') icon: Span({ class: 'text-4xl' }, '👥') // text-4xl
}), }),
Stat({ Stat({
label: 'Revenue', label: 'Revenue',
value: () => `$${stats().revenue.toLocaleString()}`, value: () => `$${stats().revenue.toLocaleString()}`,
desc: 'This month', desc: 'This month',
icon: Span({ class: 'text-2xl' }, '💰') icon: Span({ class: 'text-4xl' }, '💰')
}), }),
Stat({ Stat({
label: 'Orders', label: 'Orders',
value: () => stats().orders.toLocaleString(), value: () => stats().orders.toLocaleString(),
desc: 'Completed', desc: 'Completed',
icon: Span({ class: 'text-2xl' }, '📦') icon: Span({ class: 'text-4xl' }, '📦')
}), }),
Stat({ Stat({
label: 'Satisfaction', label: 'Satisfaction',
value: () => `${stats().satisfaction}%`, value: () => `${stats().satisfaction}%`,
desc: stats().satisfaction > 90 ? 'Excellent!' : 'Good', desc: stats().satisfaction > 90 ? 'Excellent!' : 'Good',
icon: Span({ class: 'text-2xl' }, '😊') icon: Span({ class: 'text-4xl' }, '😊')
}) })
]), ]),
Div({ class: 'flex justify-center' }, [ Div({ class: 'flex justify-center' }, [
@@ -262,28 +262,28 @@ const VariantsDemo = () => {
label: 'Primary Stat', label: 'Primary Stat',
value: '1,234', value: '1,234',
desc: 'With description', desc: 'With description',
icon: Span({ class: 'text-2xl' }, '⭐'), icon: Span({ class: 'text-4xl' }, '⭐'), // text-4xl
class: 'bg-primary/10 text-primary' class: 'bg-primary/10 text-primary'
}), }),
Stat({ Stat({
label: 'Success Stat', label: 'Success Stat',
value: '89%', value: '89%',
desc: 'Success rate', desc: 'Success rate',
icon: Span({ class: 'text-2xl' }, '✅'), icon: Span({ class: 'text-4xl' }, '✅'),
class: 'bg-success/10 text-success' class: 'bg-success/10 text-success'
}), }),
Stat({ Stat({
label: 'Warning Stat', label: 'Warning Stat',
value: '23', value: '23',
desc: 'Pending items', desc: 'Pending items',
icon: Span({ class: 'text-2xl' }, '⚠️'), icon: Span({ class: 'text-4xl' }, '⚠️'),
class: 'bg-warning/10 text-warning' class: 'bg-warning/10 text-warning'
}), }),
Stat({ Stat({
label: 'Error Stat', label: 'Error Stat',
value: '5', value: '5',
desc: 'Failed attempts', desc: 'Failed attempts',
icon: Span({ class: 'text-2xl' }, '❌'), icon: Span({ class: 'text-4xl' }, '❌'),
class: 'bg-error/10 text-error' class: 'bg-error/10 text-error'
}) })
]); ]);