Pines.TagHelpers 0.3.0

Pines.TagHelpers

Pines.TagHelpers is a collection of ASP.NET Core TagHelpers based on the Pines UI components library using Alpine.js and Tailwind CSS.

Installation

You can install the package via NuGet:

dotnet add package Pines.TagHelpers

To make the Tailwind CSS classes used by Pines.TagHelpers work, you need to add the following file to your project:

https://github.com/AlexZeitler/Pines.TagHelpers/blob/main/src/Pines.Examples/static/tailwind.html

Make sure to include it in the tailwind.config.js content section.

This won't be necessary in the future, as the plan is to include the Tailwind CSS classes in the Pines.TagHelpers package.

Usage

Add Alpine.js and Tailwind CSS to your _Layout.cshtml:

<script src="//unpkg.com/alpinejs" defer></script>

Add the Pines.TagHelpers to your _ViewImports.cshtml:

@addTagHelper *, Pines.TagHelpers

Components

CopyToClipboard

<copy-to-clipboard text="@Model.TextToBeCopied"></copy-to-clipboard>

Preview:

More details can be found in the Pines.Examples project in this repository.

Want to contribute?

This project is just getting off the ground and could use some help with cleaning things up and refactoring.

If you want to contribute - we'd love it! Just open an issue to work against so you get full credit for your fork. You can open the issue first so we can discuss and you can work your fork as we go along.

If you see a bug, please be so kind as to show how it's failing, and we'll do our best to get it fixed quickly.

Before sending a PR, please create an issue to introduce your idea and have a reference for your PR.

We're using conventional commits, so please use it for your commits as well.

Discussions

If you want to discuss an Pines.TagHelpers issue or PR in more detail, feel free to start a discussion.

You can also join our Discord server to discuss the project.

License

The MIT License (MIT). Please see License File for more information.