docs: update tests file

src/routes/buttons/index.md

@@ -44,7 +44,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Buttons</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Buttons</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Button</h1>
 
 <p>Import a button component in the script tag.</p>
 

src/routes/forms/checkbox.md

@@ -28,7 +28,7 @@ layout: formLayout
   <BreadcrumbItem>Checkbox</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Checkbox Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Checkbox</h1>
 
 The checkbox component can be used to receive one or more selected options from the user in the form of a square box available in multiple styles, sizes, colors, and variants coded with the utility classes from Tailwind CSS and with support for dark mode.
 

src/routes/forms/file-input.md

@@ -33,7 +33,7 @@ layout: formLayout
 </Breadcrumb>
 
 
-<h1 class="text-3xl w-full dark:text-white py-8">File Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">File</h1>
 
 <Htwo label="File upload example" />
 

src/routes/forms/floating-label.md

@@ -26,7 +26,7 @@ layout: formLayout
   <BreadcrumbItem>Floating label</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Floating label Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Floating label</h1>
 
 <Htwo label="Examples" />
 

src/routes/forms/index.md

@@ -73,7 +73,7 @@ layout: formLayout
   <BreadcrumbItem>Forms</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Form Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Forms</h1>
 
 <p>The Input component allows you to change the input size, add disabled, helper text, and floating label.</p>
 

src/routes/forms/input-field.md

@@ -31,7 +31,7 @@ layout: formLayout
   <BreadcrumbItem>Input</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Input Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Input</h1>
 
 <p>The Input component allows you to change the input size, add disabled, helper text, and floating label.</p>
 

src/routes/forms/radio.md

@@ -31,7 +31,7 @@ layout: formLayout
   <BreadcrumbItem>Radio</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Radio Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Radio</h1>
 
 The radio component can be used to allow the user to choose a single option from one or more available options coded with the utility classes from Tailwind CSS and available in multiple styles, variants, and colors and support dark mode.
 

src/routes/forms/range.md

@@ -25,7 +25,7 @@ layout: formLayout
   <BreadcrumbItem>Range</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Range Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Range</h1>
 
 <Htwo label="Examples" />
 

src/routes/forms/search-input.md

@@ -32,7 +32,7 @@ layout: formLayout
   <BreadcrumbItem>Search</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Search Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Search</h1>
 
 <Htwo label="Default search" />
 

src/routes/forms/select.md

@@ -57,7 +57,7 @@ let states = [
   <BreadcrumbItem>Select</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Select Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Select</h1>
 
 <Htwo label="Select input example" />
 

src/routes/forms/textarea.md

@@ -33,7 +33,7 @@ let textareaprops = {
 </Breadcrumb>
 
 
-<h1 class="text-3xl w-full dark:text-white py-8">Textarea Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Textarea</h1>
 
 <Htwo label="Examples" />
 

src/routes/forms/toggle.md

@@ -27,7 +27,7 @@ layout: formLayout
   <BreadcrumbItem>Toggle</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Toggle Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Toggle</h1>
 
 <Htwo label="Toggle examples" />
 

src/routes/paginations/index.md

@@ -73,7 +73,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Pagination</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Pagination Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Pagination</h1>
 
 <Htwo label="Default pagination" />
 

src/routes/progressbars/index.md

@@ -34,7 +34,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Progress bar</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Progress bar Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Progress</h1>
 
 <p>Import the `Progressbar` component in a script tag.</p>
 

src/routes/ratings/index.md

@@ -36,7 +36,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Ratings</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Rating Component</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Rating</h1>
 
 <Htwo label="Set up" />
 

src/routes/sidebars/index.md

@@ -70,7 +70,7 @@ layout: sidebarLayout
   <BreadcrumbItem>Sidebars</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Sidebar Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Sidebar</h1>
 
 <p>Use the sidebar components to show a list of menu items and multi-level dropdown items on either side of the page to navigate on your website</p>
 

src/routes/spinners/index.md

@@ -23,7 +23,7 @@ layout: spinnerLayout
   <BreadcrumbItem>Spinners</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Spinner Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Spinner</h1>
 
 ```html
 <script>

src/routes/tables/index.md

@@ -38,7 +38,7 @@ layout: tableLayout
   <BreadcrumbItem>Tables</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Table Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Tables</h1>
 
 <Htwo label="Default table" />
 

src/routes/tabs/index.md

@@ -146,8 +146,6 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
     },
   ];
 
-
-
   let itabs1 = [
     {
       name: "Profile-1",
@@ -201,7 +199,6 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
     },
   ];
 
-
 	let tab1 = { name: 'Tab1', id: 1 };
 	let tab2 = { name: 'Tab2', id: 2 };
 	let tab3 = { name: 'Tab3', id: 3 };
@@ -247,7 +244,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Tabs</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Default Tabs</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Tabs</h1>
 
 <Htwo label="Examples" />
 

src/routes/timelines/index.md

@@ -130,7 +130,7 @@ let theadClass ='text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dar
   <BreadcrumbItem>Timelines</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Default Timeline</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Timeline</h1>
 
 <ExampleDiv>
   <Timeline>

src/routes/toasts/index.md

@@ -39,7 +39,7 @@ layout: toastLayout
   <BreadcrumbItem>Toasts</BreadcrumbItem>
 </Breadcrumb>
 
-<h1 class="text-3xl w-full dark:text-white py-8">Toast Components</h1>
+<h1 class="text-3xl w-full dark:text-white py-8">Toast</h1>
 
 <p>Import the Toast component and Icons.</p>