diff --git a/src/content/html/components/breadcrumb.mdx b/src/content/html/components/breadcrumb.mdx
index 49a515b..966ecc7 100644
--- a/src/content/html/components/breadcrumb.mdx
+++ b/src/content/html/components/breadcrumb.mdx
@@ -18,9 +18,9 @@ export const components = {
     <PreviewBlock codeBlocks={
               [{
             code:`<nav aria-label="breadcrumb">
-    <ol className="flex items-center gap-2 text-sm">
+    <ol class="flex items-center gap-2 text-sm">
         <li>
-            <a href="https://tailus.io" className="link text-body variant-ghost">Tailus UI</a>
+            <a href="https://tailus.io" class="link text-body variant-ghost">Tailus UI</a>
         </li>
         <li role="presentation">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -28,7 +28,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <a href="/" className="link text-body variant-ghost">Tailus UI HTML</a>
+            <a href="/" class="link text-body variant-ghost">Tailus UI HTML</a>
         </li>
         <li role="presentation">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -36,7 +36,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <a href="#" className="link text-body variant-ghost">Components</a>
+            <a href="#" class="link text-body variant-ghost">Components</a>
         </li>
         <li role="presentation">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -44,7 +44,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <span className="font-medium text-title">Breadcrumb</span>
+            <span class="font-medium text-title">Breadcrumb</span>
         </li>
     </ol>
 </nav>`,
@@ -88,9 +88,9 @@ export const components = {
         <PreviewBlock codeBlocks={
             [{
             code:`<nav aria-label="breadcrumb">
-    <ol className="flex items-center gap-2 text-sm">
+    <ol class="flex items-center gap-2 text-sm">
         <li>
-            <a href="https://tailus.io" className="link text-body variant-ghost">Tailus UI</a>
+            <a href="https://tailus.io" class="link text-body variant-ghost">Tailus UI</a>
         </li>
         <li role="presentation">
             <svg aria-hidden xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -98,7 +98,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <a href="/" className="link text-body variant-ghost">Tailus UI HTML</a>
+            <a href="/" class="link text-body variant-ghost">Tailus UI HTML</a>
         </li>
         <li role="presentation">
             <svg aria-hidden xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -106,7 +106,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <a href="#" className="link text-body variant-ghost">Components</a>
+            <a href="#" class="link text-body variant-ghost">Components</a>
         </li>
         <li role="presentation">
             <svg aria-hidden xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-caption">
@@ -114,7 +114,7 @@ export const components = {
             </svg>
         </li>
         <li>
-            <a href="/" aria-current="page" className="font-medium text-title">Breadcrumb</a>
+            <a href="/" aria-current="page" class="font-medium text-title">Breadcrumb</a>
         </li>
     </ol>
 </nav>`,
@@ -153,4 +153,4 @@ export const components = {
             </nav>
         </PreviewBlock>
     </div>
-</div>
\ No newline at end of file
+</div>