{ "Toolbar with Progressive Filter Chip": { "srcFile": "toolbar.snippets.html", "prefix": [ "toolbar-with-progressive-filter-chip" ], "type": "pattern", "description": "Toolbar with progressive-filter-chip", "body": "
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ${16:Save Filters}\n \n
\n" }, "Tabs": { "srcFile": "tabs.snippets.html", "prefix": [ "tabs" ], "type": "pattern", "description": "Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.", "body": "\n ${1:Tab 1}\n ${2:Tab 2}\n ${3:Tab 3}\n ${4:Tab 4}\n disabled\n\n$0\n" }, "Vertical Tabs": { "srcFile": "tabs.snippets.html", "prefix": [ "vertical-tabs" ], "type": "pattern", "description": "Tabs can be used as the foundation for a side menu by enabling vertical mode.", "body": "\n ${1:Tab 1}\n ${2:Tab 2}\n ${3:Tab 3}\n ${4:Tab 4}\n disabled\n\n$0\n" }, "Tabs with Dot": { "srcFile": "tabs.snippets.html", "prefix": [ "tabs-with-dot" ], "type": "pattern", "description": "Dots and icons to tabs by slotting content.", "body": "\n ${1:Tab 1}\n ${2:Tab 2}\n ${3:Tab 3}\n \n ${4:Tab 4}\n ${5:10}\n \n disabled\n\n$0\n" }, "Grouped Tabs": { "srcFile": "tabs.snippets.html", "prefix": [ "tabs-group" ], "type": "pattern", "description": "Tabs group with slot-matched panels controlled by tab item commands.", "body": "\n \n ${3:Overview}\n ${5:Details}\n ${7:Settings}\n \n
${8:Overview content}
\n
${9:Details content}
\n
${10:Settings content}
\n\n$0\n" }, "Steps": { "srcFile": "steps.snippets.html", "prefix": [ "steps" ], "type": "pattern", "description": "Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.", "body": "\n ${2:Step 1}\n ${3:Step 2}\n ${4:Step 3}\n ${5:Step 4}\n Disabled\n\n$0\n" }, "vertical-Steps": { "srcFile": "steps.snippets.html", "prefix": [ "vertical-steps" ], "type": "pattern", "description": "Steps can be used as the foundation for a side menu by enabling vertical mode.", "body": "\n ${2:Step 1}\n ${3:Step 2}\n ${4:Step 3}\n ${5:Step 4}\n Disabled\n\n$0\n" }, "Search": { "srcFile": "search.snippets.html", "prefix": [ "search-inline" ], "type": "pattern", "description": "Basic inline search", "body": "\n \n\n" }, "Page Header": { "srcFile": "page-header.snippets.html", "prefix": [ "page-header" ], "type": "pattern", "description": "Basic page-header layout.", "body": "\n NV\n

${1:NVIDIA}

\n\n" }, "Page Header with Links": { "srcFile": "page-header.snippets.html", "prefix": [ "page-header-with-links" ], "type": "pattern", "description": "Basic page-header layout with links.", "body": "\n NV\n

${1:NVIDIA}

\n ${2:Link 1}\n ${3:Link 2}\n\n" }, "Page": { "srcFile": "page.snippets.html", "prefix": [ "page" ], "type": "pattern", "description": "Basic page layout.", "body": " $0 \n" }, "Page Panel": { "srcFile": "page.snippets.html", "prefix": [ "page-panel" ], "type": "pattern", "description": "Basic page panel layout.", "body": "\n \n

${2:Panel Header}

\n \n \n ${3:\n

Panel Content

\n }\n \n\n" }, "Page Aside": { "srcFile": "page.snippets.html", "prefix": [ "page-aside" ], "type": "pattern", "description": "Basic page aside using toolbar.", "body": " $2 \n" }, "Page Footer": { "srcFile": "page.snippets.html", "prefix": [ "page-footer" ], "type": "pattern", "description": "Basic page footer using toolbar.", "body": "\n link\n link\n link\n\n" }, "Page Subheader": { "srcFile": "page.snippets.html", "prefix": [ "page-subheader" ], "type": "pattern", "description": "Basic page subheader using toolbar.", "body": "\n

${1:Subheader}

\n\n" }, "Input Group": { "srcFile": "input.snippets.html", "prefix": [ "input-group" ], "type": "pattern", "description": "Combining form elements with input group.", "body": "\n \n \n \n \n \n \n .com\n \n host: 123456\n\n$0\n" }, "Range Group": { "srcFile": "input.snippets.html", "prefix": [ "range-group" ], "type": "pattern", "description": "Multiple date inputs in an input group.", "body": "
\n \n \n \n \n \n start\n \n \n \n end\n \n \n \n \n
\n$0\n" }, "Dropdown": { "srcFile": "dropdown.snippets.html", "prefix": [ "dropdown" ], "type": "pattern", "description": "Generic dropdown element for rendering a variety of different content within a dropdown container.", "body": "${4:Trigger}\n\n\n \n

${1:Title}

\n \n

${2:Content}

\n \n

${3:Footer Text}

\n \n\n$0\n" }, "Dropdown with Radio": { "srcFile": "dropdown.snippets.html", "prefix": [ "dropdown-radio" ], "type": "pattern", "description": "Dropdown with radio select pattern", "body": "completed \n\n\n \n \n\n \n \n \n ${3:latest completed tasks}\n \n\n \n \n \n ${5:latest failing tasks}\n \n\n \n \n \n ${7:task status priority}\n \n \n\n$0\n" }, "Dropdown with Checkbox": { "srcFile": "dropdown.snippets.html", "prefix": [ "dropdown-checkbox" ], "type": "pattern", "description": "Dropdown with checkbox select pattern", "body": "test suites \n\n\n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n\n$0\n" }, "Dialog": { "srcFile": "dialog.snippets.html", "prefix": [ "dialog" ], "type": "pattern", "description": "Dialog is a component that appears above main content. A modal dialog is used to display critical information that requires users attention.", "body": "\n \n

${1:Title}

\n \n

${2:Content}

\n \n ${3:Cancel}\n ${5:OK}\n \n\n$0\n" }, "Card": { "srcFile": "card.snippets.html", "prefix": [ "card" ], "type": "pattern", "description": "Basic Card with header and footer", "body": "\n \n
\n

${1:Title}

\n

${2:Sub Title}

\n
\n \n \n ${3:\n

card content

\n }\n \n \n Action\n \n\n" }, "Media Card": { "srcFile": "card.snippets.html", "prefix": [ "media-card" ], "type": "pattern", "description": "Basic media Card with card content and card footer", "body": "\n \"example\n \n ${1:\n

•︎•︎•︎ •︎•︎•︎ •︎•︎•︎

\n }\n \n \n
\n ${2:•︎•︎•︎•︎•︎•︎}\n ${3:•︎•︎•︎•︎•︎•︎}\n
\n \n\n" }, "Media Card Grid": { "srcFile": "card.snippets.html", "prefix": [ "media-card-grid" ], "type": "pattern", "description": "Grid layout with 3 media cards", "body": "
\n \n \"example\n \n ${1:\n

•︎•︎•︎ •︎•︎•︎ •︎•︎•︎

\n }\n \n \n
\n ${2:•︎•︎•︎•︎•︎•︎}\n ${3:•︎•︎•︎•︎•︎•︎}\n
\n \n \n\n \n \"example\n \n ${4:\n

•︎•︎•︎ •︎•︎•︎ •︎•︎•︎

\n }\n \n \n
\n ${5:•︎•︎•︎•︎•︎•︎}\n ${6:•︎•︎•︎•︎•︎•︎}\n
\n \n \n\n \n \"example\n \n ${7:\n

•︎•︎•︎ •︎•︎•︎ •︎•︎•︎

\n }\n \n \n
\n ${8:•︎•︎•︎•︎•︎•︎}\n ${9:•︎•︎•︎•︎•︎•︎}\n
\n \n \n
\n" }, "Button Group": { "srcFile": "button-group.snippets.html", "prefix": [ "button-group" ], "type": "pattern", "description": "Simple button group with three icons.", "body": "\n \n \n \n\n$0\n" }, "Button Group Rounded": { "srcFile": "button-group.snippets.html", "prefix": [ "button-group-rounded" ], "type": "pattern", "description": "Rounded button group with three icons.", "body": "\n \n \n \n\n" }, "Split Button": { "srcFile": "button-group.snippets.html", "prefix": [ "split-button" ], "type": "pattern", "description": "Divided button with primary and secondary actions.", "body": "\n ${1:Button Text}\n \n \n\n$0\n" }, "Button Group Vertical": { "srcFile": "button-group.snippets.html", "prefix": [ "button-group-vertical" ], "type": "pattern", "description": "Simple vertical button group with three icon buttons.", "body": "\n \n \n \n\n" }, "Accordion": { "srcFile": "accordion.snippets.html", "prefix": [ "accordion" ], "type": "pattern", "description": "Basic accordion with title and content slot.", "body": "\n \n
${2:Title}
\n \n\n ${3:Content} \n\n$0\n" }, "Accordion with Actions": { "srcFile": "accordion.snippets.html", "prefix": [ "accordion-actions" ], "type": "pattern", "description": "Accordion with action buttons in header.", "body": "\n \n
${2:Title}
\n\n \n \n \n\n ${5:Content} \n\n$0\n" }, "Accorion Group": { "srcFile": "accordion.snippets.html", "prefix": [ "accordion-group" ], "type": "pattern", "description": "Accordion group with two accordion children.", "body": "\n \n \n
${2:Title}
\n \n\n ${3:Content} \n \n\n \n \n
${4:Title}
\n \n\n ${5:Content} \n \n\n \n \n
${6:Title}
\n \n\n ${7:Content} \n \n\n$0\n" }, "Alert Group": { "srcFile": "alert.snippets.html", "prefix": [ "alert-group" ], "type": "pattern", "description": "Alert group with two alerts.", "body": "\n ${3:Alert Text}\n ${4:Alert Text}\n\n$0\n" }, "Alert with Action": { "srcFile": "alert.snippets.html", "prefix": [ "alert-action" ], "type": "pattern", "description": "Alert with action button.", "body": "\n ${3:Alert Text} ${4:OK!} \n\n$0\n" }, "Multiline Alert ": { "srcFile": "alert.snippets.html", "prefix": [ "multiline-alert" ], "type": "pattern", "description": "Alert text and preformatted code output.", "body": "\n \n Session Paused:\n
\n

Failed to verify drives. Check Status

\n \n 
10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n
\n
\n \n\n$0\n" } }