coss – shadcn/ui Components – Page 6

Add Filters

@coss/p-dialog-4

Dialog with close confirmation

block@coss

@coss/p-dialog-5

Dialog with long content

block@coss

@coss/p-dialog-6

Dialog with bare footer

block@coss

@coss/p-drawer-1

Simple bottom drawer with close button

block@coss

@coss/p-drawer-10

Edit profile form with default and bare footer variants

block@coss

@coss/p-drawer-11

Mobile menu drawer from the left

block@coss

@coss/p-drawer-12

Responsive edit profile: dialog on desktop, drawer on mobile

block@coss

@coss/p-drawer-13

Responsive actions menu: menu on desktop, drawer on mobile

block@coss

@coss/p-drawer-14

Left drawer with swipe area

block@coss

@coss/p-drawer-2

Bottom drawer without drag bar

block@coss

@coss/p-drawer-3

Drawer with close button

block@coss

@coss/p-drawer-4

Inset variant drawers for all four positions

block@coss

@coss/p-drawer-5

Straight variant drawers for all four positions

block@coss

@coss/p-drawer-6

Scrollable content with terms and conditions

block@coss

@coss/p-drawer-7

Nested bottom drawers with centered content

block@coss

@coss/p-drawer-8

Nested right drawers with inset variant

block@coss

@coss/p-drawer-9

Bottom drawer with snap points

block@coss

@coss/p-empty-1

Empty state with icon and actions

block@coss

@coss/p-field-1

Field with description

block@coss

@coss/p-field-10

Field with textarea

block@coss

@coss/p-field-11

Field with select

block@coss

@coss/p-field-12

Field with checkbox

block@coss

@coss/p-field-13

Field with checkbox group

block@coss

@coss/p-field-14

Field with radio group

block@coss

@coss/p-field-15

Field with toggle switch

block@coss

@coss/p-field-16

Field with slider

block@coss

@coss/p-field-17

Field with number field

block@coss

@coss/p-field-18

Complete form built with field

block@coss

@coss/p-field-2

Field with required indicator

block@coss

@coss/p-field-3

Field in disabled state

block@coss

@coss/p-field-4

Field showing validation error

block@coss

@coss/p-field-5

Show field validity state

block@coss

@coss/p-field-6

Input group with field

block@coss

@coss/p-field-7

Field with autocomplete

block@coss

@coss/p-field-8

Field with combobox

block@coss

@coss/p-field-9

Field with multiple selection combobox

block@coss

@coss/p-fieldset-1

Fieldset with multiple fields

block@coss

@coss/p-form-1

Input in a form

block@coss

@coss/p-form-2

Form with zod validation

block@coss

@coss/p-frame-1

Basic frame

block@coss

@coss/p-frame-2

Frame with collapsible content and delete button

block@coss

@coss/p-frame-3

Frame with multiple separated panels

block@coss

@coss/p-frame-4

Frame with multiple stacked panels

block@coss

@coss/p-group-1

Basic group

block@coss

@coss/p-group-10

Nested groups

block@coss

@coss/p-group-11

Group with popup

block@coss

@coss/p-group-12

Group with input group

block@coss

@coss/p-group-13

Group with menu

block@coss

@coss/p-dialog-4

Dialog with close confirmation

block@coss

@coss/p-dialog-5

Dialog with long content

block@coss

@coss/p-dialog-6

Dialog with bare footer

block@coss

@coss/p-drawer-1

Simple bottom drawer with close button

block@coss

@coss/p-drawer-10

Edit profile form with default and bare footer variants

block@coss

@coss/p-drawer-11

Mobile menu drawer from the left

block@coss

@coss/p-drawer-12

Responsive edit profile: dialog on desktop, drawer on mobile

block@coss

@coss/p-drawer-13

Responsive actions menu: menu on desktop, drawer on mobile

block@coss

@coss/p-drawer-14

Left drawer with swipe area

block@coss

@coss/p-drawer-2

Bottom drawer without drag bar

block@coss

@coss/p-drawer-3

Drawer with close button

block@coss

@coss/p-drawer-4

Inset variant drawers for all four positions

block@coss

@coss/p-drawer-5

Straight variant drawers for all four positions

block@coss

@coss/p-drawer-6

Scrollable content with terms and conditions

block@coss

@coss/p-drawer-7

Nested bottom drawers with centered content

block@coss

@coss/p-drawer-8

Nested right drawers with inset variant

block@coss

@coss/p-drawer-9

Bottom drawer with snap points

block@coss

@coss/p-empty-1

Empty state with icon and actions

block@coss

@coss/p-field-1

Field with description

block@coss

@coss/p-field-10

Field with textarea

block@coss

@coss/p-field-11

Field with select

block@coss

@coss/p-field-12

Field with checkbox

block@coss

@coss/p-field-13

Field with checkbox group

block@coss

@coss/p-field-14

Field with radio group

block@coss

@coss/p-field-15

Field with toggle switch

block@coss

@coss/p-field-16

Field with slider

block@coss

@coss/p-field-17

Field with number field

block@coss

@coss/p-field-18

Complete form built with field

block@coss

@coss/p-field-2

Field with required indicator

block@coss

@coss/p-field-3

Field in disabled state

block@coss

@coss/p-field-4

Field showing validation error

block@coss

@coss/p-field-5

Show field validity state

block@coss

@coss/p-field-6

Input group with field

block@coss

@coss/p-field-7

Field with autocomplete

block@coss

@coss/p-field-8

Field with combobox

block@coss

@coss/p-field-9

Field with multiple selection combobox

block@coss

@coss/p-fieldset-1

Fieldset with multiple fields

block@coss

@coss/p-form-1

Input in a form

block@coss

@coss/p-form-2

Form with zod validation

block@coss

@coss/p-frame-1

Basic frame

block@coss

@coss/p-frame-2

Frame with collapsible content and delete button

block@coss

@coss/p-frame-3

Frame with multiple separated panels

block@coss

@coss/p-frame-4

Frame with multiple stacked panels

block@coss

@coss/p-group-1

Basic group

block@coss

@coss/p-group-10

Nested groups

block@coss

@coss/p-group-11

Group with popup

block@coss

@coss/p-group-12

Group with input group

block@coss

@coss/p-group-13

Group with menu

block@coss