Skip to content
Snippets Groups Projects
Commit 9184597e authored by Christopher Krawietz's avatar Christopher Krawietz
Browse files

[TASK] — added version bumb

parent 5a87d894
No related branches found
No related tags found
No related merge requests found
{ {
"name": "ITVSH-Design-System-Dokumentation", "name": "ITVSH-Design-System-Dokumentation",
"version": "1.0.0", "version": "1.1.0",
"description": "Dokumentation zum Design System des ITVSH", "description": "Dokumentation zum Design System des ITVSH",
"main": "index.js", "main": "index.js",
"authors": { "authors": {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
"short_name": "DS", "short_name": "DS",
"lang": "de-DE", "lang": "de-DE",
"start_url": "/", "start_url": "/",
"version": "1.0",
"display": "standalone", "display": "standalone",
"theme_color": "#003064", "theme_color": "#003064",
"background_color": "#ffffff", "background_color": "#ffffff",
......
...@@ -6,19 +6,3 @@ tagline: Buttons ...@@ -6,19 +6,3 @@ tagline: Buttons
Mithilfe von Buttons werden verschiedene Handlungsmöglichkeiten des Nutzers dargestellt und klar hierarchisiert. Welche Zielseite durch sie aufgerufen oder welche Aktion ausgelöst wird, kommunizieren Buttons mit einem Label in Audi Type Screen Normal, mit einem Icon oder einer Kombination aus beidem. Buttons geben bei Klick bzw. Tap ein visuelles Feedback in Form eines Response-Effekts sofern die Buttons nicht deaktiviert sind. Mithilfe von Buttons werden verschiedene Handlungsmöglichkeiten des Nutzers dargestellt und klar hierarchisiert. Welche Zielseite durch sie aufgerufen oder welche Aktion ausgelöst wird, kommunizieren Buttons mit einem Label in Audi Type Screen Normal, mit einem Icon oder einer Kombination aus beidem. Buttons geben bei Klick bzw. Tap ein visuelles Feedback in Form eines Response-Effekts sofern die Buttons nicht deaktiviert sind.
![Buttons](/img/components-graphics/comp_buttons.png) ![Buttons](/img/components-graphics/comp_buttons.png)
<code-group>
<code-block title="HTML">
```html
<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button</button>
<button class="Base-button" title="Das ist ein button" type="button" disabled>Disabled button</button>
<button class="Base-button" title="Das ist ein button" type="button">Das ist ein button mit sehr viel Text, damit dieser umbricht.</button>
```
</code-block>
<code-block title="SCSS" active>
```scss
TODO: Button scss einfügen in graustufen
```
</code-block>
</code-group>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment