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