Components
Loading preview...
Displays a brief heading and subheading to communicate any additional information or context a user needs to continue.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/descriptionimport React from "react";
import { Description } from "@/components/ui/description";
export const Default = () => (
<div className="flex flex-col gap-2">
<Description
content="Data about this section."
title="Section Title"
tooltip="Additional context about what this section refers to."
/>
</div>
);