Pines.TagHelpers is a collection of ASP.NET Core TagHelpers based on the Pines UI components library using Alpine.js and Tailwind CSS.
MIT License
Pines.TagHelpers is a collection of ASP.NET Core TagHelpers based on the Pines UI components library using Alpine.js and Tailwind CSS.
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.
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
<copy-to-clipboard text="@Model.TextToBeCopied"></copy-to-clipboard>
Preview:
More details can be found in the Pines.Examples project in this repository.
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.
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.
The MIT License (MIT). Please see License File for more information.