django/shadcn-ui
Docs Components Blocks
django/shadcn-ui

Getting Started

Introduction Installation

Blocks

django-allauth

Components

Accordion Alert Alert Dialog Aspect Ratio Attachment Avatar Badge Breadcrumb Bubble Button Button Group Calendar Card Carousel Chart Checkbox Collapsible Combobox Command Command Dialog Context Menu Data Table Date Picker Dialog Drawer Dropdown Menu Empty Field Form Hover Card Icon Input Input Group Input OTP Item Kbd Label Link Marker Menubar Message Message Scroller Metric Native Select Navigation Menu Pagination Popover Progress Questionnaire Radio Group Resizable Scroll Area Select Separator Sheet Sidebar Skeleton Slider Spinner Switch Table Tabs Textarea Toast Toggle Toggle Group Tooltip Typography

Popover

Displays rich content in a portal, triggered by a button.

Dimensions

Set the dimensions for the layer.

Installation

uvx django_shadcn@latest add popover

Usage

<c-popover>
  <c-popover.trigger>
    <c-button variant="outline">Open Popover</c-button>
  </c-popover.trigger>
  <c-popover.content> Place content for popover here. </c-popover.content>
</c-popover>

Designed by shadcn. Ported for Django by Sarthak Jariwala. Complemented by Marcelo Machado.