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

Add gridfield component

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-10 13:22:40 +02:00
parent e4fb7250ed
commit 9f99482a93
6 changed files with 108 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/gridfield.html
+42
View File
@@ -0,0 +1,42 @@
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Styleguide – Gridfield</title>
<link rel="stylesheet" href="../styleguide.css">
</head>
<body class="sg-page-gridfield">
<h1 class="sg-main-heading">Components – Gridfield</h1>
<section id="component-gridfield">
<p class="sg-preview-label">Component: Gridfield</p>
<div class="sg-gridfield-demo" data-component="gridfield">
<div class="sg-gridfield-row" data-gridfield-state="normal">
<p class="sg-table-label">Komponente normal</p>
<span class="sg-label">Label</span>
<select class="sg-interaction-element sg-pulldown" aria-label="Gridfield Pulldown">
<option selected>Auswahl</option>
</select>
</div>
<div class="sg-gridfield-row" data-gridfield-state="input">
<p class="sg-table-label">Eingabefeld</p>
<span class="sg-label">Label</span>
<input class="sg-interaction-element sg-input-single-line" type="text" placeholder="Einzeiliges Eingabefeld" aria-label="Gridfield Eingabefeld">
</div>
<div class="sg-gridfield-row" data-gridfield-state="disabled">
<p class="sg-table-label">form-disabled</p>
<span class="sg-label">Label</span>
<select class="sg-interaction-element sg-pulldown sg-pulldown--disabled" aria-label="Gridfield deaktivierter Pulldown" disabled>
<option>Nicht verfügbar</option>
</select>
</div>
</div>
</section>
</body>
</html>