coss – shadcn/ui Components – Page 2

Add Filters

@coss/p-alert-4

Info alert

block@coss

@coss/p-alert-5

Success alert

block@coss

@coss/p-alert-6

Warning alert

block@coss

@coss/p-alert-7

Error alert

block@coss

@coss/p-alert-dialog-1

Alert dialog

block@coss

@coss/p-alert-dialog-2

Alert dialog with bare footer

block@coss

@coss/p-autocomplete-1

Basic autocomplete

block@coss

@coss/p-autocomplete-10

Autocomplete with grouped items

block@coss

@coss/p-autocomplete-11

Autocomplete with limited number of results

block@coss

@coss/p-autocomplete-12

Autocomplete with async items loading

block@coss

@coss/p-autocomplete-13

Autocomplete form

block@coss

@coss/p-autocomplete-14

Autocomplete form

block@coss

@coss/p-autocomplete-15

Pill-shaped autocomplete

block@coss

@coss/p-autocomplete-16

Address autocomplete with Google Maps Places API

block@coss

@coss/p-autocomplete-2

Disabled autocomplete

block@coss

@coss/p-autocomplete-3

Small autocomplete

block@coss

@coss/p-autocomplete-4

Large autocomplete

block@coss

@coss/p-autocomplete-5

Autocomplete with label

block@coss

@coss/p-autocomplete-6

Autocomplete autofilling the input with the highlighted item

block@coss

@coss/p-autocomplete-7

Autocomplete auto highlighting the first option

block@coss

@coss/p-autocomplete-8

Autocomplete with clear button

block@coss

@coss/p-autocomplete-9

Autocomplete with trigger and clear buttons

block@coss

@coss/p-avatar-1

Avatar with image and fallback

block@coss

@coss/p-avatar-10

Avatar with notification badge

block@coss

@coss/p-avatar-11

Rounded avatar with notification badge

block@coss

@coss/p-avatar-12

Avatar with verified badge

block@coss

@coss/p-avatar-13

Small overlapping avatar group

block@coss

@coss/p-avatar-14

Large overlapping avatar group

block@coss

@coss/p-avatar-2

Fallback-only avatar

block@coss

@coss/p-avatar-3

Avatars with different sizes

block@coss

@coss/p-avatar-4

Avatars with different radii

block@coss

@coss/p-avatar-5

Overlapping avatar group

block@coss

@coss/p-avatar-6

Avatar with user icon fallback

block@coss

@coss/p-avatar-7

Avatar with emerald status dot

block@coss

@coss/p-avatar-8

Avatar with muted status dot

block@coss

@coss/p-avatar-9

Rounded avatar with top-right emerald status

block@coss

@coss/p-badge-1

Basic badge

block@coss

@coss/p-badge-10

Large badge

block@coss

@coss/p-badge-11

Badge with icon

block@coss

@coss/p-badge-12

Badge with link

block@coss

@coss/p-badge-13

Badge with count

block@coss

@coss/p-badge-14

Full rounded badge (pill)

block@coss

@coss/p-badge-15

Badge with number after text

block@coss

@coss/p-badge-16

Status badge - Paid

block@coss

@coss/p-badge-17

Status badge - Pending

block@coss

@coss/p-badge-18

Status badge - Failed

block@coss

@coss/p-badge-19

Selectable badge with checkbox

block@coss

@coss/p-badge-2

Outline badge

block@coss

@coss/p-alert-4

Info alert

block@coss

@coss/p-alert-5

Success alert

block@coss

@coss/p-alert-6

Warning alert

block@coss

@coss/p-alert-7

Error alert

block@coss

@coss/p-alert-dialog-1

Alert dialog

block@coss

@coss/p-alert-dialog-2

Alert dialog with bare footer

block@coss

@coss/p-autocomplete-1

Basic autocomplete

block@coss

@coss/p-autocomplete-10

Autocomplete with grouped items

block@coss

@coss/p-autocomplete-11

Autocomplete with limited number of results

block@coss

@coss/p-autocomplete-12

Autocomplete with async items loading

block@coss

@coss/p-autocomplete-13

Autocomplete form

block@coss

@coss/p-autocomplete-14

Autocomplete form

block@coss

@coss/p-autocomplete-15

Pill-shaped autocomplete

block@coss

@coss/p-autocomplete-16

Address autocomplete with Google Maps Places API

block@coss

@coss/p-autocomplete-2

Disabled autocomplete

block@coss

@coss/p-autocomplete-3

Small autocomplete

block@coss

@coss/p-autocomplete-4

Large autocomplete

block@coss

@coss/p-autocomplete-5

Autocomplete with label

block@coss

@coss/p-autocomplete-6

Autocomplete autofilling the input with the highlighted item

block@coss

@coss/p-autocomplete-7

Autocomplete auto highlighting the first option

block@coss

@coss/p-autocomplete-8

Autocomplete with clear button

block@coss

@coss/p-autocomplete-9

Autocomplete with trigger and clear buttons

block@coss

@coss/p-avatar-1

Avatar with image and fallback

block@coss

@coss/p-avatar-10

Avatar with notification badge

block@coss

@coss/p-avatar-11

Rounded avatar with notification badge

block@coss

@coss/p-avatar-12

Avatar with verified badge

block@coss

@coss/p-avatar-13

Small overlapping avatar group

block@coss

@coss/p-avatar-14

Large overlapping avatar group

block@coss

@coss/p-avatar-2

Fallback-only avatar

block@coss

@coss/p-avatar-3

Avatars with different sizes

block@coss

@coss/p-avatar-4

Avatars with different radii

block@coss

@coss/p-avatar-5

Overlapping avatar group

block@coss

@coss/p-avatar-6

Avatar with user icon fallback

block@coss

@coss/p-avatar-7

Avatar with emerald status dot

block@coss

@coss/p-avatar-8

Avatar with muted status dot

block@coss

@coss/p-avatar-9

Rounded avatar with top-right emerald status

block@coss

@coss/p-badge-1

Basic badge

block@coss

@coss/p-badge-10

Large badge

block@coss

@coss/p-badge-11

Badge with icon

block@coss

@coss/p-badge-12

Badge with link

block@coss

@coss/p-badge-13

Badge with count

block@coss

@coss/p-badge-14

Full rounded badge (pill)

block@coss

@coss/p-badge-15

Badge with number after text

block@coss

@coss/p-badge-16

Status badge - Paid

block@coss

@coss/p-badge-17

Status badge - Pending

block@coss

@coss/p-badge-18

Status badge - Failed

block@coss

@coss/p-badge-19

Selectable badge with checkbox

block@coss

@coss/p-badge-2

Outline badge

block@coss