Skip to content

Po-Snippets for VS Code

Snippets para auxílio no desenvolvimento de telas utilizando a biblioteca Portinari

Instalação

Para instalar os snippets:

Acesse a opção Extensions (Ctrl + Shit + x) no Visual Studio Code
Pesquise por po snippets
Instale a extensão

Instalação

Utilização

Para utilizar o pacote de snipets basta digitar <po que uma lista de comandos disponíveis será apresentada:

Utilização

Po Snippets

Snippet	Componente
`<po-accordion>`	Accordion
`<po-avatar>`	Avatar
`<po-breadcrumb>`	Breadcrumb
`<po-button>`	Button
`<po-button-group>`	Button Group
`<po-calendar>`	Calendar
`<po-chart>`	Chart
`<po-checkbox>`	Checkbox
`<po-checkbox-group>`	Checkbox Group
`<po-code-editor>`	Code Editor
`<po-combo>`	Combo
`<po-container>`	Container
`<po-datepicker>`	Datepicker
`<po-datepicker-range>`	Datepicker Range
`<po-decimal>`	Decimal
`<po-disclaimer-group>`	Disclaimer Group
`<po-divider>`	Divider
`<po-dropdown>`	Dropdown
`<po-dynamic-form>`	Dynamic Form
`<po-dynamic-view>`	Dynamic View
`<po-email>`	Email
`<po-grid>`	Grid
`<po-info>`	Info
`<po-input>`	Input
`<po-list-view>`	List View
`<po-loading-overlay>`	Loading Overlay
`<po-login>`	Login
`<po-lookup>`	Lookup
`<po-menu>`	Menu
`<po-modal>`	Modal
`<po-modal-password-recovery>`	Modal Password Recovery
`<po-multiselect>`	Multiselect
`<po-navbar>`	Navbar
`<po-number>`	Number
`<po-page-default>`	Page Default
`<po-page-detail>`	Page Detail
`<po-page-edit>`	Page Edit
`<po-page-list>`	Page List
`<po-page-login>`	Page Login
`<po-password>`	Password
`<po-popover>`	Popover
`<po-popup>`	Popup
`<po-radio-group>`	Radio Group
`<po-select>`	Select
`<po-stepper>`	Stepper
`<po-switch>`	Switch
`<po-tab>`	Tab
`<po-table>`	Table
`<po-tabs>`	Tabs
`<po-textarea>`	Textarea
`<po-toolbar>`	Toolbar
`<po-upload>`	Upload
`<po-widget>`	Widget
`<po-tag>`	Tag

Contribuição

Os snippets estão localizados no arquivo snippets/snippets.json
Para contribuir ou corrigir algo é só editar esse arquivo e fazer um PR, aprovaremos ele e subiremos uma nova versão na loja do Visual Code :)