feat: add more covers

thedaviddias · Feb 11, 2025 · a34f6bf · a34f6bf
1 parent ba5ccdc
commit a34f6bf
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/content/en/patterns/forms/text-field.mdx b/content/en/patterns/forms/text-field.mdx
@@ -8,9 +8,12 @@ status: complete
 import { BrowserSupport } from "@app/_components/browser-support";
 import { BuildEffort } from "@app/_components/build-effort";
 import { FaqStructuredData } from "@app/_components/faq-structured-data";
+import { PatternPreview } from "@app/_components/pattern-preview";
 
 # Text Field
 
+<PatternPreview />
+
 ## Overview
 
 A **Text Field** is a fundamental form input component that allows users to enter and edit text-based data. It is commonly used in **forms, search fields, authentication fields, and messaging interfaces**.

diff --git a/content/en/patterns/navigation/breadcrumb.mdx b/content/en/patterns/navigation/breadcrumb.mdx
@@ -7,9 +7,12 @@ status: complete
 
 import { BuildEffort } from "@app/_components/build-effort";
 import { FaqStructuredData } from "@app/_components/faq-structured-data";
+import { PatternPreview } from "@app/_components/pattern-preview";
 
 # Breadcrumb
 
+<PatternPreview />
+
 ## Overview
 
 **Breadcrumbs**, often displayed as a horizontal list of links separated by symbols, help users understand their location in a website's hierarchy at a glance.

diff --git a/public/covers/patterns/breadcrumb.png b/public/covers/patterns/breadcrumb.png
diff --git a/public/covers/patterns/text-field.png b/public/covers/patterns/text-field.png