From 56d6b033f218159b6a0e5daf0af7eda5057e5ec4 Mon Sep 17 00:00:00 2001
From: wilbiev <wilbiev@users.noreply.github.com>
Date: Sat, 28 Dec 2024 12:21:18 +0000
Subject: [PATCH] Update docs

---
 .../custom_card_wilbiev_subtitle.md           | 65 +++++++++++++++++
 .../custom_cards/custom_card_wilbiev_title.md | 73 +++++++++++++++++++
 2 files changed, 138 insertions(+)
 create mode 100644 docs/usage/custom_cards/custom_card_wilbiev_subtitle.md
 create mode 100644 docs/usage/custom_cards/custom_card_wilbiev_title.md

diff --git a/docs/usage/custom_cards/custom_card_wilbiev_subtitle.md b/docs/usage/custom_cards/custom_card_wilbiev_subtitle.md
new file mode 100644
index 000000000..253ba1357
--- /dev/null
+++ b/docs/usage/custom_cards/custom_card_wilbiev_subtitle.md
@@ -0,0 +1,65 @@
+---
+title: Subtitle Custom-card
+hide:
+  - toc
+---
+
+<!-- markdownlint-disable MD046 -->
+
+# Custom-card "Subtitle"
+
+This is a `custom-card` to display a subtitle header.
+
+![Screenshot](../../assets/img/custom_card_wilbiev_subtitle.png)
+
+## Credits
+
+Author: wilbiev - 2023
+Version: 1.0.0
+
+## Changelog
+
+<details>
+<summary>1.0.0</summary>
+Initial release.
+</details>
+
+## Requirements
+
+This card needs the following to function correctly:
+
+['Text Divider Row'](https://github.com/iantrich/text-divider-row)
+
+## Variables
+
+<table>
+<tr>
+<th>Variable</th>
+<th>Example</th>
+<th>Required</th>
+<th>Default</th>
+<th>Explanation</th>
+</tr>
+<tr>
+<td>ulm_custom_card_wilbiev_subtitle_name</td>
+<td>"Subtitle"</td>
+<td>yes</td>
+<td></td>
+<td>The name to display</td>
+</tr>
+</table>
+
+## Usage
+
+```yaml
+- type: "custom:button-card"
+  template: "custom_card_wilbiev_subtitle"
+  variables:
+    ulm_custom_card_wilbiev_title_name: "Lights"
+```
+
+??? note "Template Code"
+
+    ```yaml title="custom_card_bar_card.yaml"
+    --8<-- "custom_cards/custom_card_wilbiev_title/custom_card_wilbiev_subtitle.yaml"
+    ```
diff --git a/docs/usage/custom_cards/custom_card_wilbiev_title.md b/docs/usage/custom_cards/custom_card_wilbiev_title.md
new file mode 100644
index 000000000..0e2b119d7
--- /dev/null
+++ b/docs/usage/custom_cards/custom_card_wilbiev_title.md
@@ -0,0 +1,73 @@
+---
+title: Title Custom-card
+hide:
+  - toc
+---
+
+<!-- markdownlint-disable MD046 -->
+
+# Custom-card "Title"
+
+This is a `custom-card` to display a title header.
+
+![Screenshot](../../assets/img/custom_card_wilbiev_title.png)
+
+## Credits
+
+Author: wilbiev - 2023
+Version: 1.0.0
+
+## Changelog
+
+<details>
+<summary>1.0.0</summary>
+Initial release.
+</details>
+
+## Requirements
+
+This card needs the following to function correctly:
+
+['Text Divider Row'](https://github.com/iantrich/text-divider-row)
+
+## Variables
+
+<table>
+<tr>
+<th>Variable</th>
+<th>Example</th>
+<th>Required</th>
+<th>Default</th>
+<th>Explanation</th>
+</tr>
+<tr>
+<td>ulm_custom_card_wilbiev_title_name</td>
+<td>"Title"</td>
+<td>yes</td>
+<td></td>
+<td>The name to display</td>
+</tr>
+<tr>
+<td>ulm_custom_card_wilbiev_title_nav</td>
+<td>"/adaptive-dash/home"</td>
+<td>no</td>
+<td>"<none>"</td>
+<td>"Navigate to another view. Shows the 'Back'-button when having a value"</td>
+</tr>
+</table>
+
+## Usage
+
+```yaml
+- type: "custom:button-card"
+  template: "custom_card_wilbiev_title"
+  variables:
+    ulm_custom_card_wilbiev_title_name: "Living room"
+    ulm_custom_card_wilbiev_title_nav: "/adaptive-dash/home" # OPTIONAL
+```
+
+??? note "Template Code"
+
+    ```yaml title="custom_card_bar_card.yaml"
+    --8<-- "custom_cards/custom_card_wilbiev_title/custom_card_wilbiev_title.yaml"
+    ```