SnipUI

SnipUI is a collection of code snippets designed to streamline the development process when using Angular UI components. It simplifies the integration and usage of various UI elements, enhancing productivity by providing quick access to commonly used components.

Features

• Snippets for commonly used Angular UI components.
• Supports directives, attributes, and customization options.
• Intuitive and easy-to-use structure for quick implementation.
• Compatible with a variety of Angular projects, focusing on fast development workflows.

Snippets

Some key snippets provided by SnipUI:

Button

<p-button label="Submit" severity="primary" />

Icon Button

<p-button icon="pi pi-check" label="Confirm" iconPos="right" />

Loading Button

<p-button label="Search" icon="pi pi-search" [loading]="loading" (onClick)="load()" />

Severity Buttons

<p-button label="Primary" severity="primary" />
<p-button label="Secondary" severity="secondary" />
<p-button label="Success" severity="success" />
<p-button label="Danger" severity="danger" />

And many more components, including icon-only buttons, text buttons, raised buttons, outlined buttons, and more.

Installation

1. Open your code editor (VS Code or any other editor that supports extensions).
2. Search for SnipUI in the extensions marketplace.
3. Click on "Install" and enjoy faster Angular UI component development!

Usage

After installing the extension:

1. Open an Angular project.
2. In your editor, start typing the desired snippet prefix (e.g., p-button for a PrimeNG button component).
3. Select the snippet from the suggestion list and customize the attributes as needed.

Contributing

Contributions are welcome! If you'd like to contribute, please feel free to fork the repository and submit a pull request with any improvements or new snippets.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Disclaimer

This extension is not affiliated, associated, authorized, endorsed by, or in any way officially connected with PrimeNG or its parent company. All product and company names are trademarks™ or registered® trademarks of their respective holders. The use of these names, trademarks, and brands is for identification purposes only and does not imply endorsement.

For official documentation and support related to PrimeNG, please refer to their official website.