UI Styleguide / Component Demos

Badge

defaultsecondarydestructiveoutlinesuccess
import { Badge } from "@eq/ui/components/badge";

<Badge variant="default">default</Badge>
<Badge variant="destructive">destructive</Badge>

Input

Button

import { Button } from "@eq/ui/components/button";

<Button variant="default">Default</Button>
<Button variant="primary">Primary</Button>
<Button variant="outline">Outline</Button>

Card

Card title

This is a nice description

Card content goes here. Use this to demo layouts.

import { Card, CardHeader, CardTitle, CardContent } from "@eq/ui/components/card";

Input OTP

import { PostalCodeInput } from "@/components/PostalCodeInput";

Alert

import { Alert } from "@eq/ui/components/alert";

Accordion / Separator

Content for section 1

import { Accordion } from "@eq/ui/components/accordion";

Empty

No data
import { Empty } from "@eq/ui/components/empty";

Tooltip / Tabs

Content for tab 1

Dropdown Menu

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem  } from "@eq/ui/components/dropdown-menu";