import { Component } from '@angular/core';
RdxDialogContentDirective,
RdxDialogDescriptionDirective,
RdxDialogTriggerDirective
} from '@radix-ng/primitives/dialog';
RdxDialogTriggerDirective,
RdxDialogContentDirective,
RdxDialogDescriptionDirective
styleUrl: 'dialog-demo.css',
<button class="Button violet" [rdxDialogTrigger]="dialog">Open Dialog</button>
<div class="DialogContent" rdxDialogContent>
<h2 class="DialogTitle" rdxDialogTitle>Edit profile</h2>
<p class="DialogDescription" rdxDialogDescription>
Make changes to your profile here. Click save when you're done.
<fieldset class="Fieldset">
<label class="Label" htmlFor="name">Name</label>
<input class="Input" id="name" defaultValue="Pedro Duarte" />
<fieldset class="Fieldset">
<label class="Label" htmlFor="username">Username</label>
<input class="Input" id="username" defaultValue="@peduarte" />
<div style="display:flex; margin-top: 25px; justify-content: flex-end;">
<button class="Button green" rdxDialogClose>Save changes</button>
<button class="IconButton" rdxDialogClose aria-label="Close">X</button>
export class DialogDemoComponent {}