gitea_admin/erp_naurua
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-03 16:25:03 +02:00
parent 70272e81d6
commit 543d3e5af5
66 changed files with 22706 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/styleguide/components/data-display.html
+76
View File
@@ -0,0 +1,76 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Styleguide – Data Display</title>
<link rel="stylesheet" href="../styleguide.css">
</head>
<body>
<h1 class="sg-main-heading">Components – Data Display</h1>
<!-- ========================================================= -->
<!-- Components -->
<!-- ========================================================= -->
<!-- Component: Data Table -->
<section id="component-data-table">
<p class="sg-preview-label">Component: Data Table</p>
<table class="sg-data-table" aria-label="Beispiel Kennzahlen-Tabelle" data-component="data-table">
<thead>
<tr>
<th data-component-part="data-table-header-cell">Kennzahl</th>
<th data-component-part="data-table-header-cell">Wert</th>
<th data-component-part="data-table-header-cell">Peer-Median</th>
</tr>
</thead>
<tbody>
<tr>
<td class="sg-data-table__label" data-component-part="data-table-label-cell">PE <span class="sg-data-table__help-icon" aria-label="Hilfetext" data-component="help-icon" data-component-context="data-table">?</span></td>
<td class="sg-data-table__value" data-component-part="data-table-value-cell">7.7</td>
<td data-component-part="data-table-reference-cell">11.7</td>
</tr>
<tr>
<td class="sg-data-table__label" data-component-part="data-table-label-cell">PE Forward <span class="sg-data-table__help-icon" aria-label="Hilfetext" data-component="help-icon" data-component-context="data-table">?</span></td>
<td class="sg-data-table__value" data-component-part="data-table-value-cell">8.6</td>
<td data-component-part="data-table-reference-cell">9.7</td>
</tr>
<tr>
<td class="sg-data-table__label" data-component-part="data-table-label-cell">PEG Forward <span class="sg-data-table__help-icon" aria-label="Hilfetext" data-component="help-icon" data-component-context="data-table">?</span></td>
<td class="sg-data-table__value sg-data-table__value--warning" data-component-part="data-table-value-cell" data-component-state="warning">1.23</td>
<td data-component-part="data-table-reference-cell">1.43</td>
</tr>
</tbody>
</table>
</section>
<!-- Component: Data Columns -->
<section id="component-data-columns">
<p class="sg-preview-label">Component: Data Columns</p>
<table class="sg-data-table" aria-label="Beispiel Kennzahlen-Spalten" data-component="data-columns">
<tbody>
<tr>
<td class="sg-data-table__value" data-component-part="data-columns-value-cell">7.7</td>
<td data-component-part="data-columns-reference-cell">11.7</td>
</tr>
<tr>
<td class="sg-data-table__value" data-component-part="data-columns-value-cell">8.6</td>
<td data-component-part="data-columns-reference-cell">9.7</td>
</tr>
<tr>
<td class="sg-data-table__value sg-data-table__value--warning" data-component-part="data-columns-value-cell" data-component-state="warning">1.23</td>
<td data-component-part="data-columns-reference-cell">1.43</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>