Shadcn UI Pricing Block
The Pricing5 component is a shadcn block designed to display pricing plans in a structured and visually appealing manner. It compares different features available under two pricing models: Pro and Enterprise. By organizing pricing information in concise cards and a comparison table, this component enables users to easily understand the offerings of each plan.
In more detail, the Pricing5 component consists of a title section, two card elements for the Pro and Enterprise plans, and a detailed feature comparison table. Each card contains a header with the plan name, a content section displaying pricing information, and a footer with a call-to-action button. The comparison table itemizes various plan features, offering visual feedback with icons to indicate availability. The use of shadcn UI elements such as cards, separators, and tables enhances the layout's clarity and organization.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |
card @shadcn | Registry |
separator @shadcn | Registry |
table @shadcn | Registry |