docs(sheet): Add sheet docs

Author: immohammadjaved

projects/docs/src/app/pages/docs/components/components.routes.ts

@@ -40,6 +40,10 @@ export const routes: Routes = [
                 path: 'dialog',
                 loadComponent: () => import('./dialog/dialog').then(m => m.Dialog)
             },
+            {
+                path: 'sheet',
+                loadComponent: () => import('./sheet/sheet').then(m => m.Sheet)
+            },
             {
                 path: 'alert-dialog',
                 loadComponent: () => import('./alert-dialog/alert-dialog').then(m => m.AlertDialog)

projects/docs/src/app/pages/docs/components/sheet/sheet.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { ComponentPreview } from '@components/component-preview/component-preview';
+import { sheetVariants, sheetMeta } from './sheet.variants';
+
+@Component({
+  selector: 'docs-sheet',
+  imports: [ComponentPreview],
+  template: `
+    <docs-component-preview 
+      [meta]="sheetMeta" 
+      [variants]="sheetVariants">
+    </docs-component-preview>
+  `
+})
+export class Sheet {
+  sheetMeta = sheetMeta;
+  sheetVariants = sheetVariants;
+}