https://github.com/totvs/thf-angular-snippets
https://github.com/totvs/thf-angular-snippets
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/totvs/thf-angular-snippets
- Owner: totvs
- License: mit
- Created: 2018-07-27T17:26:05.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-15T10:48:17.000Z (almost 8 years ago)
- Last Synced: 2025-07-30T23:34:41.812Z (12 months ago)
- Size: 124 KB
- Stars: 4
- Watchers: 23
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [TOTVS HTML Framework](https://thf.totvs.com.br/) Angular Snippets for VS CODE
This extension for Visual Studio Code adds HTML|Angular snippets for TOTVS HTML Framework.

THF Suported version: [`2.3.0`](https://thf.totvs.com.br/release-notes/thf-ui)
## Usage
Type part of a snippet, press `enter`, and the snippet unfolds.
### HTML Snippets
* [``](https://thf.totvs.com.br/documentation/thf-avatar)
* [``](https://thf.totvs.com.br/documentation/thf-button)
* [``](https://thf.totvs.com.br/documentation/thf-button-group)
* [``](https://thf.totvs.com.br/documentation/thf-breadcrumb)
* [``](https://thf.totvs.com.br/documentation/thf-checkbox-group)
* [``](https://thf.totvs.com.br/guides/grid-system)
* [``](https://thf.totvs.com.br/documentation/thf-combo)
* [``](https://thf.totvs.com.br/documentation/thf-datepicker)
* [``](https://thf.totvs.com.br/documentation/thf-decimal)
* [``](https://thf.totvs.com.br/documentation/thf-disclaimer-group)
* [``](https://thf.totvs.com.br/documentation/thf-dropdown)
* [``](https://thf.totvs.com.br/documentation/thf-email)
* [``](https://thf.totvs.com.br/documentation/thf-info)
* [``](https://thf.totvs.com.br/documentation/thf-input)
* [``](https://thf.totvs.com.br/documentation/thf-list)
* [``](https://thf.totvs.com.br/documentation/thf-list-item)
* [``](https://thf.totvs.com.br/documentation/thf-list-item-content)
* [``](https://thf.totvs.com.br/documentation/thf-list-item-detail)
* [``](https://thf.totvs.com.br/documentation/thf-loading-overlay)
* [``](https://thf.totvs.com.br/documentation/thf-login)
* [``](https://thf.totvs.com.br/documentation/thf-lookup)
* [``](https://thf.totvs.com.br/documentation/thf-menu)
* [``](https://thf.totvs.com.br/documentation/thf-menu-panel)
* [``](https://thf.totvs.com.br/documentation/thf-modal)
* [``](https://thf.totvs.com.br/documentation/thf-multiselect)
* [``](https://thf.totvs.com.br/documentation/thf-number)
* [``](https://thf.totvs.com.br/documentation/thf-page-default)
* [``](https://thf.totvs.com.br/documentation/thf-page-detail)
* [``](https://thf.totvs.com.br/documentation/thf-page-edit)
* [``](https://thf.totvs.com.br/documentation/thf-page-list)
* [``](https://thf.totvs.com.br/documentation/thf-page-login)
* [``](https://thf.totvs.com.br/documentation/thf-password)
* [``](https://thf.totvs.com.br/documentation/thf-popover)
* [``](https://thf.totvs.com.br/documentation/thf-popup)
* [``](https://thf.totvs.com.br/documentation/thf-radio-group)
* [``](https://thf.totvs.com.br/guides/grid-system)
* [``](https://thf.totvs.com.br/documentation/thf-select)
* [``](https://thf.totvs.com.br/documentation/thf-select-option-template)
* [``](https://thf.totvs.com.br/documentation/thf-stepper)
* [``](https://thf.totvs.com.br/documentation/thf-switch)
* [``](https://thf.totvs.com.br/documentation/thf-table)
* [``](https://thf.totvs.com.br/documentation/thf-table-row-template)
* [``](https://thf.totvs.com.br/documentation/thf-tabs)
* [``](https://thf.totvs.com.br/documentation/thf-tab)
* [``](https://thf.totvs.com.br/documentation/thf-textarea)
* [``](https://thf.totvs.com.br/documentation/thf-toolbar)
* [``](https://thf.totvs.com.br/documentation/thf-toolbar)
* [``](https://thf.totvs.com.br/documentation/thf-url)
* [``](https://thf.totvs.com.br/documentation/thf-widget)
* [``](https://thf.totvs.com.br/documentation/thf-menu)
### Directives Snippets
* [`thf-tooltip`](https://thf.totvs.com.br/documentation/thf-tooltip)
* [`thf-tooltip-position`](https://thf.totvs.com.br/documentation/thf-tooltip)
### Services Snippets
* [`thf-i18n`](https://thf.totvs.com.br/documentation/thf-i18n)
* [`thf-i18n-parameter`](https://thf.totvs.com.br/documentation/thf-i18n)
Alternatively, press `Ctrl` + `Space` (Windows, Linux) or `Cmd` + `Space` (OSX) to activate snippets from within the editor.
## Release Notes
2.3.0
* Added the property `t-columns` to the `thf-radio-group`;
* Added the property `t-literals` to the `thf-page-list`.
2.2.0
* Added the property `t-lookup` to the `t-filter-params`;
* Added the property `t-literals` to the components `thf-page-detail` and `thf-page-edit`.
2.0.1
* Added new icons, 121 in total now;
2.0.0
* Removed the components: `thf-grid`, `thf-chart`, `thf-code-editor` and`thf-field-container`;
* Removed the property `t-id` from `thf-tab`;
* Added the property `t-columns` to the `thf-checkbox-group`;
* Added the property `t-hide-arrow` to the components `thf-popover` and `thf-popup`.
1.0.5
* Added the new `thf-breadcrumb` component;
1.0.4
* Added the new `thf-disclaimer-group` component;
1.0.3
* Fixed the use of `tabs` during the navigation over the snippet options.
1.0.2
* Renamed for TOTVS HTML Framework Angular aka `THF Angular`.
1.0.1
* Added the output `t-selected` and the input `t-field-format` to the `thf-lookup`;
* In the `thf-lookup` the property `t-title` now has as default value, the value of `t-label`;
* Added the pseudo component `thf-wrapper`;
1.0.0
* Initial release.