sam-vsc-snippets

GSA sam components visual studio code snippets. This extension will provide IntelliSense for sam angular components for rapid development.

Usage

Typing the beginning of sam- will automatically appear in the intellisense list; no more!

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (macOS) to activate snippets from within the editor.

HTML Snippets

All HTML snippets starts with sam-

This table is generated during build

<!-- docs/html.md -->

| Prefix              | Description                                                                                                                 |
| ------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| sam-actions-menu    | Create actions menu with options for size `default` or `sm`. Default size is sm.                                            |
| sam-button          | Button with circular icons                                                                                                  |
| sam-collapse        | Collapse component with show hide content                                                                                   |
| sam-filters         | Sds Formly filters                                                                                                          |
| sam-header          | Header layout component                                                                                                     |
| sam-icon            | icon tag  with options for `bell,calendar,book`                                                                             |
| sam-pagination      | Pagination with top and bottom options                                                                                      |
| sam-side-navigation | Side toolbar navigation                                                                                                     |
| sam-side-toolbar    | Side toolbar is designed to be able to accommodate different types of content including navigation and filtering components |
| sam-subheader       | Subheader with all options back-button, title, primary/secondary buttons, search, and actions menu buttons                  |

Typescript

All typescript snippets starts with sam-

This table is generated during build

<!-- docs/ts.md -->

| Prefix                     | Description                             |
| -------------------------- | --------------------------------------- |
| sam-action-menu            | Action items menu                       |
| sam-formly-input           | SF                                      |
| sam-page                   | Pagination page model                   |
| sam-side-nav-model-config  | Side navigation model config typescript |

SCSS

All SCSS snippets starts with sam-

This table is generated during build

<!-- docs/scss.md -->

| Prefix          | Description                                                               |
| --------------- | ------------------------------------------------------------------------- |
| sam-import-scss | Import sam-styles and set the image and font paths for the default themes |

Quick start

$ git clone https://github.com/venuduggireddy/sam-vsc-snippets.git
$ cd sam-vsc-snippets
$ #install
$ npm i
$ # build
$ npm run build
$ # package vscode extension
$ npm run release

License

The MIT License