# Impact Nova examples

## Button (use variant/size, not extra classNames)

```tsx
import { Button } from 'impact-nova/button';

<Button variant="default" size="lg">Save</Button>
<Button variant="outline" size="icon" aria-label="Close" />
```

## Card

```tsx
import { Card, CardHeader, CardTitle, CardContent } from 'impact-nova/card';

<Card>
  <CardHeader>
    <CardTitle>Title</CardTitle>
  </CardHeader>
  <CardContent>Content</CardContent>
</Card>
```

## Dialog

```tsx
import { Button } from 'impact-nova/button';
import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle } from 'impact-nova/dialog';

<Dialog>
  <DialogTrigger asChild><Button>Open</Button></DialogTrigger>
  <DialogContent>
    <DialogHeader><DialogTitle>Title</DialogTitle></DialogHeader>
    <p>Body</p>
  </DialogContent>
</Dialog>
```

## Icons

```tsx
import { CheckCircle } from 'impact-nova-icons';

<CheckCircle size={16} />
```

## App setup (CSS + providers)

```tsx
import 'impact-nova/dist/impact-nova.css';
import { ImpactNovaProviders } from 'impact-nova/form';

<ImpactNovaProviders locale="en">
  <App />
</ImpactNovaProviders>
```