feat(separator): added ssr example

radix-ng · Dec 6, 2024 · e9f2bd2 · e9f2bd2
1 parent f13bd4d
commit e9f2bd2
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/apps/radix-ssr-testing/src/app/app.component.ts b/apps/radix-ssr-testing/src/app/app.component.ts
@@ -7,13 +7,14 @@ import { RouterModule } from '@angular/router';
     imports: [RouterModule],
     template: `
         <h1>SSR / RSC testing</h1>
-        <div style="display: flex; gap: 10em;">
+        <div style="display: flex; gap: 7em;">
             <div style="display: flex; flex-direction: column; gap: 0.5em;">
                 <a href="/accordion">Accordion</a>
                 <a href="/avatar">Avatar</a>
                 <a href="/collapsible">Collapsible</a>
                 <a href="/checkbox">Checkbox</a>
                 <a href="/select">Select</a>
+                <a href="/separator">Separator</a>
                 <a href="/slider">Slider</a>
                 <a href="/tabs">Tabs</a>
             </div>

diff --git a/apps/radix-ssr-testing/src/app/app.routes.ts b/apps/radix-ssr-testing/src/app/app.routes.ts
@@ -21,6 +21,10 @@ export const appRoutes: Route[] = [
         path: 'select',
         loadComponent: () => import('./components/select/select.component')
     },
+    {
+        path: 'separator',
+        loadComponent: () => import('./components/separator/separator.component')
+    },
     {
         path: 'slider',
         loadComponent: () => import('./components/slider/slider.component')

diff --git a/apps/radix-ssr-testing/src/app/components/checkbox/checkbox.component.ts b/apps/radix-ssr-testing/src/app/components/checkbox/checkbox.component.ts
@@ -6,7 +6,7 @@ import {
 } from '@radix-ng/primitives/checkbox';
 
 @Component({
-    selector: 'app-avatar',
+    selector: 'app-checkbox',
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [RdxCheckboxDirective, RdxCheckboxButtonDirective, RdxCheckboxIndicatorDirective],

diff --git a/apps/radix-ssr-testing/src/app/components/separator/separator.component.ts b/apps/radix-ssr-testing/src/app/components/separator/separator.component.ts
@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';
+
+@Component({
+    selector: 'app-separator',
+    standalone: true,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [RdxSeparatorRootDirective],
+    template: `
+        <div rdxSeparatorRoot>***</div>
+    `
+})
+export default class SeparatorComponent {}