bruno/dss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-backup: 2025-12-12 09:14:37 (18 files: +0 ~18 -0)

Browse Source 
Generated by DSS Git Backup Hook
This commit is contained in:
Bruno Sarlo
2025-12-12 06:14:37 -03:00
parent 8a09b6830a
commit db5be5ce37
18 changed files with 121 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
admin-ui/src/stories/ComponentsDataDisplay.stories.js
View File

@@ -1,7 +1,7 @@
/**
* Data Display
* Components for displaying data
* @generated 2025-12-11T18:41:28.963727
* @generated 2025-12-12T06:14:20.892979
*/
export default {
title: 'Components/Data Display',
@@ -59,7 +59,7 @@ export const Overview = {
render: () => `
<style>${styles}</style>
<div class="component-grid">
<div class="component-card">
<div class="card-header">
<h3>Accordion</h3>
@@ -67,7 +67,7 @@ export const Overview = {
</div>
<p class="description">A vertically stacked set of interactive headings that reveal content sections</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
@@ -76,21 +76,21 @@ export const Overview = {
</div>
<p class="description">An image element with a fallback for user profile images</p>
<div class="variants"><div class="variant-row"><span class="var-name">size:</span> <span class="badge">sm</span> <span class="badge">md</span> <span class="badge">lg</span></div></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Badge</h3>
</div>
<p class="description">Displays a badge or label</p>
<div class="variants"><div class="variant-row"><span class="var-name">variant:</span> <span class="badge">default</span> <span class="badge">secondary</span> <span class="badge">destructive</span> <span class="badge">outline</span></div></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Carousel</h3>
</div>
<p class="description">A carousel with embla-carousel</p>
<div class="variants"></div>
@@ -99,7 +99,7 @@ export const Overview = {
<div class="component-card">
<div class="card-header">
<h3>Chart</h3>
</div>
<p class="description">Beautiful charts using Recharts</p>
<div class="variants"></div>
@@ -112,12 +112,12 @@ export const Overview = {
</div>
<p class="description">An interactive component that expands/collapses content</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Data Table</h3>
</div>
<p class="description">Powerful table with sorting, filtering, pagination</p>
<div class="variants"></div>
@@ -126,38 +126,38 @@ export const Overview = {
<div class="component-card">
<div class="card-header">
<h3>Item</h3>
</div>
<p class="description">Generic list item component</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Kbd</h3>
</div>
<p class="description">Keyboard key display</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Table</h3>
</div>
<p class="description">Styled HTML table</p>
<div class="variants"></div>
</div>
<div class="component-card">
<div class="card-header">
<h3>Typography</h3>
</div>
<p class="description">Text styling components</p>
<div class="variants"></div>
</div>
</div>
`