Almost done with documentation

2026-11-13 13:48:28 +00:00 · 2025-05-01 12:50:40 +08:00
parent ba71f2ea79
commit 930e0ee6f1
47 changed files with 681 additions and 577 deletions
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Accordion
 description: A vertically stacked set of interactive headings that each reveal a section of content.
 toc:
@@ -8,7 +8,6 @@ toc:
 ---

 {% from "macros/code_preview.njk" import code_preview %}
-{% from "macros/code_block.njk" import code_block %}

 <div class="alert mb-6">
  {% lucide "circle-alert" %}
@@ -68,4 +67,4 @@ toc:

 <h2 id="usage"><a href="#usage">Usage</a></h2>

-<p class="prose my-6">Basecoat animates <code>&lt;details&gt;</code> elements by default. The example above uses Alpine.js to handle the open/close state along with some Tailwind CSS classes.</p>
+<p class="prose">Basecoat animates <code>&lt;details&gt;</code> elements by default. The example above uses Alpine.js to handle the open/close state along with some Tailwind CSS classes.</p>
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Alert Dialog
 description: A modal dialog that interrupts the user with important content and expects a response.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Alert
 description: Displays a callout for user attention.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Avatar
 description: An image element with a fallback for representing the user.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Badge
 description: Displays a badge or a component that looks like a badge.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Breadcrumb
 description: Displays the path to the current resource using a hierarchy of links.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Button
 description: Displays a button or a component that looks like a button.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Card
 description: Displays a card with header, content, and footer.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Checkbox
 description: A control that allows the user to toggle between checked and not checked.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Combobox
 description: Autocomplete input and command palette with a list of suggestions.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Dialog
 description: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Dropdown Menu
 description: Displays a menu to the user — such as a set of actions or functions — triggered by a button.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Input
 description: Displays a form input field or a component that looks like an input field.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Input
 description: Displays a form input field or a component that looks like an input field.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Label
 description: Renders an accessible label associated with controls.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Pagination
 description: Pagination with page navigation, next and previous links.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Popover
 description: Displays rich content in a portal, triggered by a button.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Radio Group
 description: A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Select
 description: Displays a list of options for the user to pick from—triggered by a button.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Skeleton
 description: Used to show a placeholder while content is loading.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Slider
 description: An input where the user selects a value from within a given range.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Switch
 description: A control that allows the user to toggle between checked and not checked.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Table
 description: A responsive table component.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Tabs
 description: A set of layered sections of content—known as tab panels—that are displayed one at a time.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Teaxtarea
 description: Displays a form textarea or a component that looks like a textarea.
 toc:
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Toast
 description: A succinct message that is displayed temporarily.
 ---
@@ -1,5 +1,5 @@
 ---
-layout: layouts/component.njk
+layout: layouts/page.njk
 title: Tooltip
 description: A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
 toc: