hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-13 13:48:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Documentation finished

Browse Source
This commit is contained in:
Ronan Berder
2025-05-07 14:57:30 +08:00
parent b7c772f9a2
commit 1a4d292437
23 changed files with 536 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/src/_includes/layouts/base.njk
+3
View File
@@ -97,5 +97,8 @@
</head>
<body>
{{ content | safe }}
{% from "toast.njk" import toaster %}
{{ toaster() }}
</body>
</html>
docs/src/_includes/layouts/layout.njk
+1 -4
View File
@@ -12,7 +12,4 @@ layout: layouts/base.njk
<div class="p-6 md:p-8 xl:p-12">
{{ content | safe }}
</div>
</main>
{% from "toast.njk" import toaster %}
{{ toaster() }}
</main>
docs/src/_includes/partials/kitchen-sink/toast.njk
+4 -5
View File
@@ -8,19 +8,18 @@
<div class="p-4">
<div class="flex flex-wrap items-center gap-2">
<div class="flex flex-wrap items-center gap-2">
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/success" hx-target="#toast-htmx">
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/success" hx-target="#toaster" hx-swap="beforeend">
Success
</button>
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/error" hx-target="#toast-htmx">
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/error" hx-target="#toaster" hx-swap="beforeend">
Error
</button>
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/info" hx-target="#toast-htmx">
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/info" hx-target="#toaster" hx-swap="beforeend">
Info
</button>
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/warning" hx-target="#toast-htmx">
<button class="btn-outline" hx-trigger="click" hx-get="/fragments/toast/warning" hx-target="#toaster" hx-swap="beforeend">
Warning
</button>
<div id="toast-htmx"></div>
</div>
</div>
</section>