Skip to content

shadcn/ng^{VS Code}

This extension contains code snippets for shadcn-ng

Snippets

accordion

Trigger	Content
`cng-accordion→`	https://ui.adrianub.dev/docs/components/accordion
`cng-accordion→`	https://ui.adrianub.dev/docs/components/accordion

alert

Trigger	Content
`cng-alert→`	https://ui.adrianub.dev/docs/components/alert
`cng-alert→`	https://ui.adrianub.dev/docs/components/alert

avatar

Trigger	Content
`cng-avatar→`	https://ui.adrianub.dev/docs/components/avatar
`cng-avatar→`	https://ui.adrianub.dev/docs/components/avatar

aspect-ratio

Trigger	Content
`cng-aspect-ratio→`	https://ui.adrianub.dev/docs/components/aspect-ratio
`cng-aspect-ratio→`	https://ui.adrianub.dev/docs/components/aspect-ratio

badge

Trigger	Content
`cng-badge→`	https://ui.adrianub.dev/docs/components/badge
`cng-badge→`	https://ui.adrianub.dev/docs/components/badge

button

Trigger	Content
`cng-button→`	https://ui.adrianub.dev/docs/components/button
`cng-button→`	https://ui.adrianub.dev/docs/components/button

Trigger	Content
`cng-breadcrumb→`	https://ui.adrianub.dev/docs/components/breadcrumb
`cng-breadcrumb→`	https://ui.adrianub.dev/docs/components/breadcrumb

card

Trigger	Content
`cng-card→`	https://ui.adrianub.dev/docs/components/card
`cng-card→`	https://ui.adrianub.dev/docs/components/card

collapsible

Trigger	Content
`cng-collapsible→`	https://ui.adrianub.dev/docs/components/collapsible
`cng-collapsible→`	https://ui.adrianub.dev/docs/components/collapsible

dialog

Trigger	Content
`cng-dialog→`	https://ui.adrianub.dev/docs/components/dialog
`cng-dialog→`	https://ui.adrianub.dev/docs/components/dialog

Trigger	Content
`cng-dropdown-menu→`	https://ui.adrianub.dev/docs/components/dropdown-menu
`cng-dropdown-menu→`	https://ui.adrianub.dev/docs/components/dropdown-menu

input

Trigger	Content
`cng-input→`	https://ui.adrianub.dev/docs/components/input
`cng-input→`	https://ui.adrianub.dev/docs/components/input

pagination

Trigger	Content
`cng-pagination→`	https://ui.adrianub.dev/docs/components/pagination
`cng-pagination→`	https://ui.adrianub.dev/docs/components/pagination

progress

Trigger	Content
`cng-progress→`	https://ui.adrianub.dev/docs/components/progress
`cng-progress→`	https://ui.adrianub.dev/docs/components/progress

separator

Trigger	Content
`cng-separator→`	https://ui.adrianub.dev/docs/components/separator
`cng-separator→`	https://ui.adrianub.dev/docs/components/separator

skeleton

Trigger	Content
`cng-skeleton→`	https://ui.adrianub.dev/docs/components/skeleton
`cng-skeleton→`	https://ui.adrianub.dev/docs/components/skeleton

sonner-toast

Trigger	Content
`cng-sonner-toast→`	https://ui.adrianub.dev/docs/components/sonner

sonner-toaster

Trigger	Content
`cng-sonner-toaster→`	https://ui.adrianub.dev/docs/components/sonner
`cng-sonner-toaster→`	https://ui.adrianub.dev/docs/components/sonner

switch

Trigger	Content
`cng-switch→`	https://ui.adrianub.dev/docs/components/switch
`cng-switch→`	https://ui.adrianub.dev/docs/components/switch

table

Trigger	Content
`cng-table→`	https://ui.adrianub.dev/docs/components/table
`cng-table→`	https://ui.adrianub.dev/docs/components/table

tabs

Trigger	Content
`cng-tabs→`	https://ui.adrianub.dev/docs/components/tabs
`cng-tabs→`	https://ui.adrianub.dev/docs/components/tabs

textarea

Trigger	Content
`cng-textarea→`	https://ui.adrianub.dev/docs/components/textarea
`cng-textarea→`	https://ui.adrianub.dev/docs/components/textarea

toggle

Trigger	Content
`cng-toggle→`	https://ui.adrianub.dev/docs/components/toggle
`cng-toggle→`	https://ui.adrianub.dev/docs/components/toggle

Sponsors

License

MIT License © 2025-PRESENT Adrián UB