chore(docs): added component meta tags (#2534)

ArtBlue · web-flow · commit d8f88b54bdd6 · 2025-01-22T10:24:17.000-08:00
diff --git a/src/routes/_index/component/+meta.json b/src/routes/_index/component/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "List of All Skin CSS Components",
+    "pageDescription": "List of all Skin CSS components that are available in the Skin CSS framework."
+}
diff --git a/src/routes/_index/component/alert-dialog/+meta.json b/src/routes/_index/component/alert-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Alert Dialog CSS Component",
+    "pageDescription": "An Alert Dialog CSS Component is a responsive and accessible dialog that is used to alert the user of a message. Perfect for informing the user of important information in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/avatar/+meta.json b/src/routes/_index/component/avatar/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Avatar CSS Component",
+    "pageDescription": "An Avatar CSS Component is a responsive and accessible avatar that is used to represent a user. Perfect for displaying user profile images in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/badge/+meta.json b/src/routes/_index/component/badge/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Badge CSS Component",
+    "pageDescription": "A Badge CSS Component is a responsive and accessible badge that is used to alert the user of a message. Perfect for informing the user of important information in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/breadcrumbs/+meta.json b/src/routes/_index/component/breadcrumbs/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Breadcrumbs CSS Component",
+    "pageDescription": "A Breadcrumbs CSS Component is a responsive and accessible breadcrumbs that is used to alert the user of a message. Perfect for informing the user of important information in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/button/+meta.json b/src/routes/_index/component/button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Button CSS Component",
+    "pageDescription": "A Button CSS Component is a responsive and accessible used to trigger some interaction."
+}
diff --git a/src/routes/_index/component/calendar/+meta.json b/src/routes/_index/component/calendar/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Calendar CSS Component",
+    "pageDescription": "A Calendar CSS Component is a responsive and accessible calendar that is used to display dates and events. Perfect for organizing dates and events in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/carousel/+meta.json b/src/routes/_index/component/carousel/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Carousel CSS Component",
+    "pageDescription": "A Carousel CSS Component is a responsive and accessible carousel that is used to display images or content in a rotating manner. Perfect for showcasing images or content in a compact and user-friendly manner for your user interfaces."
+}
diff --git a/src/routes/_index/component/ccd/+meta.json b/src/routes/_index/component/ccd/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "CCD CSS Component",
+    "pageDescription": "A CCD (Common Charger Directive) CSS Component is a responsive and accessible pictogram to display if a charger is included with a product or not."
+}
diff --git a/src/routes/_index/component/chart-legend/+meta.json b/src/routes/_index/component/chart-legend/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Chart Legend CSS Component",
+    "pageDescription": "A Chart Legend CSS Component is a responsive and accessible used to display the meaning of the data in a chart."
+}
diff --git a/src/routes/_index/component/checkbox/+meta.json b/src/routes/_index/component/checkbox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Checkbox CSS Component",
+    "pageDescription": "A Checkbox CSS Component is a responsive and accessible used to select one or more options in a list."
+}
diff --git a/src/routes/_index/component/chip/+meta.json b/src/routes/_index/component/chip/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Chip CSS Component",
+    "pageDescription": "A Chip CSS Component is a responsive and accessible used to display a small piece of information."
+}
diff --git a/src/routes/_index/component/chips-combobox/+meta.json b/src/routes/_index/component/chips-combobox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Chips Combobox CSS Component",
+    "pageDescription": "A Chips Combobox CSS Component is a responsive and accessible used to select one or more options in a list."
+}
diff --git a/src/routes/_index/component/combobox/+meta.json b/src/routes/_index/component/combobox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Combobox CSS Component",
+    "pageDescription": "A Combobox CSS Component is a responsive and accessible component used to filter for and select an options in a list."
+}
diff --git a/src/routes/_index/component/confirm-dialog/+meta.json b/src/routes/_index/component/confirm-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Confirm Dialog CSS Component",
+    "pageDescription": "A Confirm Dialog CSS Component is a responsive and accessible used to confirm an action."
+}
diff --git a/src/routes/_index/component/cta-button/+meta.json b/src/routes/_index/component/cta-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "CTA Button CSS Component",
+    "pageDescription": "A CTA Button CSS Component is a responsive and accessible used to trigger a call to action."
+}
diff --git a/src/routes/_index/component/date-textbox/+meta.json b/src/routes/_index/component/date-textbox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Date Textbox CSS Component",
+    "pageDescription": "A Date Textbox CSS Component is a responsive and accessible date textbox that is used to perform date entry."
+}
diff --git a/src/routes/_index/component/details/+meta.json b/src/routes/_index/component/details/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Details CSS Component",
+    "pageDescription": "A Details CSS Component is a responsive and accessible details element that is used to show or hide additional content."
+}
diff --git a/src/routes/_index/component/donut-chart/+meta.json b/src/routes/_index/component/donut-chart/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Donut Chart CSS Component",
+    "pageDescription": "A Donut Chart CSS Component is a responsive and accessible donut chart that is used to display data in a circular format."
+}
diff --git a/src/routes/_index/component/education-notice/+meta.json b/src/routes/_index/component/education-notice/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Education Notice CSS Component",
+    "pageDescription": "An Education Notice CSS Component is a responsive and accessible education notice that is used to display educational information."
+}
diff --git a/src/routes/_index/component/eek/+meta.json b/src/routes/_index/component/eek/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "EEK CSS Component",
+    "pageDescription": "An EEK CSS Component is a responsive and accessible eek that is used to display energy ratings."
+}
diff --git a/src/routes/_index/component/field/+meta.json b/src/routes/_index/component/field/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Field CSS Component",
+    "pageDescription": "A Field CSS Component is a responsive and accessible field that is used to display fields of various types of inputs."
+}
diff --git a/src/routes/_index/component/file-input/+meta.json b/src/routes/_index/component/file-input/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "File Input CSS Component",
+    "pageDescription": "A File Input CSS Component is a responsive and accessible file input that is used to upload files."
+}
diff --git a/src/routes/_index/component/file-preview-card-group/+meta.json b/src/routes/_index/component/file-preview-card-group/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "File Preview Card Group CSS Component",
+    "pageDescription": "A File Preview Card Group CSS Component is a responsive and accessible file preview card group that is used to display multiple file preview cards."
+}
diff --git a/src/routes/_index/component/file-preview-card/+meta.json b/src/routes/_index/component/file-preview-card/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "File Preview Card CSS Component",
+    "pageDescription": "A File Preview Card CSS Component is a responsive and accessible file preview card that is used to display file information."
+}
diff --git a/src/routes/_index/component/filter-button/+meta.json b/src/routes/_index/component/filter-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Filter Button CSS Component",
+    "pageDescription": "A Filter Button CSS Component is a responsive and accessible filter button that is used to filter content."
+}
diff --git a/src/routes/_index/component/filter-menu-button/+meta.json b/src/routes/_index/component/filter-menu-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Filter Menu Button CSS Component",
+    "pageDescription": "A Filter Menu Button CSS Component is a responsive and accessible filter menu button that is used to filter content."
+}
diff --git a/src/routes/_index/component/filter-menu/+meta.json b/src/routes/_index/component/filter-menu/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Filter Menu CSS Component",
+    "pageDescription": "A Filter Menu CSS Component is a responsive and accessible filter menu that is used to filter content."
+}
diff --git a/src/routes/_index/component/flag/+meta.json b/src/routes/_index/component/flag/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Flag CSS Component",
+    "pageDescription": "A Flag CSS Component is a responsive and accessible flag that is used to display country flags."
+}
diff --git a/src/routes/_index/component/floating-label/+meta.json b/src/routes/_index/component/floating-label/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Floating Label CSS Component",
+    "pageDescription": "A Floating Label CSS Component is a responsive and accessible floating label that is used to display floating labels."
+}
diff --git a/src/routes/_index/component/global/+meta.json b/src/routes/_index/component/global/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Skin CSS Global",
+    "pageDescription": "Skin CSS global styles that are common across one or more components."
+}
diff --git a/src/routes/_index/component/icon-button/+meta.json b/src/routes/_index/component/icon-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Icon Button CSS Component",
+    "pageDescription": "An Icon Button CSS Component is a responsive and accessible button with an icon inside."
+}
diff --git a/src/routes/_index/component/icon/+meta.json b/src/routes/_index/component/icon/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Icon CSS Component",
+    "pageDescription": "An Icon CSS Component is a responsive and accessible icon that is used to display icons."
+}
diff --git a/src/routes/_index/component/image-placeholder/+meta.json b/src/routes/_index/component/image-placeholder/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Image Placeholder CSS Component",
+    "pageDescription": "An Image Placeholder CSS Component is a responsive and accessible image placeholder that is used to display image placeholders."
+}
diff --git a/src/routes/_index/component/infotip/+meta.json b/src/routes/_index/component/infotip/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Infotip CSS Component",
+    "pageDescription": "An Infotip CSS Component is a responsive and accessible infotip that is used to display information."
+}
diff --git a/src/routes/_index/component/inline-notice/+meta.json b/src/routes/_index/component/inline-notice/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Inline Notice CSS Component",
+    "pageDescription": "An Inline Notice CSS Component is a responsive and accessible inline notice that is used to display notices."
+}
diff --git a/src/routes/_index/component/less/+meta.json b/src/routes/_index/component/less/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Less CSS Component",
+    "pageDescription": "A Less CSS Component is a responsive and accessible less that is used to display less."
+}
diff --git a/src/routes/_index/component/lightbox-dialog/+meta.json b/src/routes/_index/component/lightbox-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Lightbox Dialog CSS Component",
+    "pageDescription": "A Lightbox Dialog CSS Component is a responsive and accessible lightbox dialog that is used to display lightbox dialogs."
+}
diff --git a/src/routes/_index/component/link/+meta.json b/src/routes/_index/component/link/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Link CSS Component",
+    "pageDescription": "A Link CSS Component is a responsive and accessible link that is used to display links."
+}
diff --git a/src/routes/_index/component/list/+meta.json b/src/routes/_index/component/list/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "List CSS Component",
+    "pageDescription": "A List CSS Component is a responsive and accessible list that is used to display lists."
+}
diff --git a/src/routes/_index/component/listbox-button/+meta.json b/src/routes/_index/component/listbox-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Listbox Button CSS Component",
+    "pageDescription": "A Listbox Button CSS Component is a responsive and accessible button with a listbox that can be triggered."
+}
diff --git a/src/routes/_index/component/listbox/+meta.json b/src/routes/_index/component/listbox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Listbox CSS Component",
+    "pageDescription": "A Listbox CSS Component is a responsive and accessible listbox that is used to display listboxes."
+}
diff --git a/src/routes/_index/component/marketsans/+meta.json b/src/routes/_index/component/marketsans/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Market Sans CSS Component",
+    "pageDescription": "A Market Sans CSS Component is a responsive and accessible market sans that is used to display market sans text."
+}
diff --git a/src/routes/_index/component/menu-button/+meta.json b/src/routes/_index/component/menu-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Menu Button CSS Component",
+    "pageDescription": "A Menu Button CSS Component is a responsive and accessible button with a menu that can be triggered from the button."
+}
diff --git a/src/routes/_index/component/menu/+meta.json b/src/routes/_index/component/menu/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Menu CSS Component",
+    "pageDescription": "A Menu CSS Component is a responsive and accessible menu that is used to display menus."
+}
diff --git a/src/routes/_index/component/page-grid/+meta.json b/src/routes/_index/component/page-grid/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Page Grid CSS Component",
+    "pageDescription": "A Page Grid CSS Component is a responsive and accessible grid that is used to display various responsive layouts."
+}
diff --git a/src/routes/_index/component/page-notice/+meta.json b/src/routes/_index/component/page-notice/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Notice CSS Component",
+    "pageDescription": "A Notice CSS Component is a responsive and accessible notice that is used to display notices."
+}
diff --git a/src/routes/_index/component/pagination/+meta.json b/src/routes/_index/component/pagination/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Pagination CSS Component",
+    "pageDescription": "A Pagination CSS Component is a responsive and accessible pagination that is used to display pagination elements."
+}
diff --git a/src/routes/_index/component/panel-dialog/+meta.json b/src/routes/_index/component/panel-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Panel Dialog CSS Component",
+    "pageDescription": "A Panel Dialog CSS Component is a responsive and accessible dialog that is used to display panels."
+}
diff --git a/src/routes/_index/component/phone-input/+meta.json b/src/routes/_index/component/phone-input/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Phone Input CSS Component",
+    "pageDescription": "A Phone Input CSS Component is a responsive and accessible input that is used to display phone numbers."
+}
diff --git a/src/routes/_index/component/progress-bar-expressive/+meta.json b/src/routes/_index/component/progress-bar-expressive/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Progress Bar Expressive CSS Component",
+    "pageDescription": "A Progress Bar Expressive CSS Component is a responsive and accessible progress bar that is used to display progress with expressive styles."
+}
diff --git a/src/routes/_index/component/progress-bar/+meta.json b/src/routes/_index/component/progress-bar/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Progress Bar CSS Component",
+    "pageDescription": "A Progress Bar CSS Component is a responsive and accessible progress bar that is used to display progress."
+}
diff --git a/src/routes/_index/component/progress-spinner/+meta.json b/src/routes/_index/component/progress-spinner/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Progress Spinner CSS Component",
+    "pageDescription": "A Progress Spinner CSS Component is a responsive and accessible progress spinner that is used to display progress."
+}
diff --git a/src/routes/_index/component/progress-stepper/+meta.json b/src/routes/_index/component/progress-stepper/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Progress Stepper CSS Component",
+    "pageDescription": "A Progress Stepper CSS Component is a responsive and accessible progress stepper that is used to display progress."
+}
diff --git a/src/routes/_index/component/radio/+meta.json b/src/routes/_index/component/radio/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Radio CSS Component",
+    "pageDescription": "A Radio CSS Component is a responsive and accessible radio that is used to display radio elements."
+}
diff --git a/src/routes/_index/component/section-notice/+meta.json b/src/routes/_index/component/section-notice/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Notice CSS Component",
+    "pageDescription": "A Notice CSS Component is a responsive and accessible notice that is used to display notices."
+}
diff --git a/src/routes/_index/component/section-title/+meta.json b/src/routes/_index/component/section-title/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Section Title CSS Component",
+    "pageDescription": "A Section Title CSS Component is a responsive and accessible section title that is used to display section titles."
+}
diff --git a/src/routes/_index/component/segmented-buttons/+meta.json b/src/routes/_index/component/segmented-buttons/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Segmented Buttons CSS Component",
+    "pageDescription": "A Segmented Buttons CSS Component is a responsive and accessible segmented buttons that is used to display segmented buttons."
+}
diff --git a/src/routes/_index/component/select/+meta.json b/src/routes/_index/component/select/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Select CSS Component",
+    "pageDescription": "A Select CSS Component is a responsive and accessible select that is used to display stylized select elements."
+}
diff --git a/src/routes/_index/component/signal/+meta.json b/src/routes/_index/component/signal/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Signal CSS Component",
+    "pageDescription": "A Signal CSS Component is a responsive and accessible signal that is used to display signals."
+}
diff --git a/src/routes/_index/component/skeleton/+meta.json b/src/routes/_index/component/skeleton/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Skeleton CSS Component",
+    "pageDescription": "A Skeleton CSS Component is a responsive and accessible skeleton that is used to display loading skeletons."
+}
diff --git a/src/routes/_index/component/snackbar-dialog/+meta.json b/src/routes/_index/component/snackbar-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Snackbar Dialog CSS Component",
+    "pageDescription": "A Snackbar Dialog CSS Component is a responsive and accessible snackbar dialog that is used to display snackbar dialogs."
+}
diff --git a/src/routes/_index/component/split-button/+meta.json b/src/routes/_index/component/split-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Split Button CSS Component",
+    "pageDescription": "A Split Button CSS Component is a responsive and accessible split button that is used to display split buttons."
+}
diff --git a/src/routes/_index/component/star-rating-select/+meta.json b/src/routes/_index/component/star-rating-select/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Star Rating Select CSS Component",
+    "pageDescription": "A Star Rating Select CSS Component is a responsive and accessible star rating select that is used to set star ratings."
+}
diff --git a/src/routes/_index/component/star-rating/+meta.json b/src/routes/_index/component/star-rating/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Star Rating CSS Component",
+    "pageDescription": "A Star Rating CSS Component is a responsive and accessible star rating that is used to display star ratings."
+}
diff --git a/src/routes/_index/component/svg/+meta.json b/src/routes/_index/component/svg/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "SVG CSS Component",
+    "pageDescription": "An SVG CSS Component is a responsive and accessible svg that is used to display svgs."
+}
diff --git a/src/routes/_index/component/switch/+meta.json b/src/routes/_index/component/switch/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Switch CSS Component",
+    "pageDescription": "A Switch CSS Component is a responsive and accessible switch that is used to display switches."
+}
diff --git a/src/routes/_index/component/table/+meta.json b/src/routes/_index/component/table/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Table CSS Component",
+    "pageDescription": "A Table CSS Component is a responsive and accessible table that is used to display tables."
+}
diff --git a/src/routes/_index/component/tabs/+meta.json b/src/routes/_index/component/tabs/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Tabs CSS Component",
+    "pageDescription": "A Tabs CSS Component is a responsive and accessible tabs that is used to display tabs with content switching."
+}
diff --git a/src/routes/_index/component/textbox/+meta.json b/src/routes/_index/component/textbox/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Textbox CSS Component",
+    "pageDescription": "A Textbox CSS Component is a responsive and accessible textbox that is used to perform text entry."
+}
diff --git a/src/routes/_index/component/toast-dialog/+meta.json b/src/routes/_index/component/toast-dialog/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Toast Dialog CSS Component",
+    "pageDescription": "A Toast Dialog CSS Component is a responsive and accessible toast dialog that is used to display toast dialogs."
+}
diff --git a/src/routes/_index/component/toggle-button-group/+meta.json b/src/routes/_index/component/toggle-button-group/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Toggle Button Group CSS Component",
+    "pageDescription": "A Toggle Button Group CSS Component is a responsive and accessible toggle button group that is used to display a group of buttons that can be toggled off or on."
+}
diff --git a/src/routes/_index/component/toggle-button/+meta.json b/src/routes/_index/component/toggle-button/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Toggle Button CSS Component",
+    "pageDescription": "A Toggle Button CSS Component is a responsive and accessible toggle button that is used to display a button that can be toggled off or on."
+}
diff --git a/src/routes/_index/component/tokens/+meta.json b/src/routes/_index/component/tokens/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Tokens CSS Component",
+    "pageDescription": "A Tokens CSS Component is a responsive and accessible tokens that is used to display tokens."
+}
diff --git a/src/routes/_index/component/tooltip/+meta.json b/src/routes/_index/component/tooltip/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Tooltip CSS Component",
+    "pageDescription": "A Tooltip CSS Component is a responsive and accessible tooltip that is used to display tooltips."
+}
diff --git a/src/routes/_index/component/tourtip/+meta.json b/src/routes/_index/component/tourtip/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Tourtip CSS Component",
+    "pageDescription": "A Tourtip CSS Component is a responsive and accessible tourtip that is used to display tourtips."
+}
diff --git a/src/routes/_index/component/typography/+meta.json b/src/routes/_index/component/typography/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Typography CSS Component",
+    "pageDescription": "A Typography CSS Component is a responsive and accessible typography that is used to display typography."
+}
diff --git a/src/routes/_index/component/utility/+meta.json b/src/routes/_index/component/utility/+meta.json
@@ -0,0 +1,4 @@
+{
+    "pageTitle": "Utility CSS Component",
+    "pageDescription": "A Utility CSS Component is a responsive and accessible utility that is used to display utility."
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "pageTitle": "List of All Skin CSS Components",
 +    "pageDescription": "List of all Skin CSS components that are available in the Skin CSS framework."
 +}