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
Heads upExample alert message to show style
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";