Maurosoft.Blazor.Tailwind.Core
1.0.2
dotnet add package Maurosoft.Blazor.Tailwind.Core --version 1.0.2
NuGet\Install-Package Maurosoft.Blazor.Tailwind.Core -Version 1.0.2
<PackageReference Include="Maurosoft.Blazor.Tailwind.Core" Version="1.0.2" />
paket add Maurosoft.Blazor.Tailwind.Core --version 1.0.2
#r "nuget: Maurosoft.Blazor.Tailwind.Core, 1.0.2"
// Install Maurosoft.Blazor.Tailwind.Core as a Cake Addin #addin nuget:?package=Maurosoft.Blazor.Tailwind.Core&version=1.0.2 // Install Maurosoft.Blazor.Tailwind.Core as a Cake Tool #tool nuget:?package=Maurosoft.Blazor.Tailwind.Core&version=1.0.2
Blazor Tailwind Component Core
Description
Blazor Tailwind Component Core is a library for creating custom Blazor components built on the Tailwind CSS framework. This library simplifies the integration of visual components into Blazor applications by providing a base class for component creation and CSS class mapping with the Tailwind framework.
Features
- Base class for components: Allows the creation of custom Blazor components with a predefined structure.
- Tailwind CSS mapping: Facilitates the association of Tailwind classes with Blazor components.
Requirements
- .NET 8.0 or later
List of mapped Tailwind Css Classes (https://tailwindcss.com/docs/installation)
Layout (15/20)
- Aspect Ratio
- Container
- Columns
- Break After
- Break Before
- Break Inside
- Box Decoration Break
- Box Sizing
- Display
- Floats
- Clear
- Isolation
- Object Fit
- Object Position
- Overflow
- Overscroll Behavior
- Position
- Top / Right / Bottom / Left
- Visibility
- Z-Index
Flexbox e Grid (8/24)
- Flex Basis
- Flex Direction
- Flex Wrap
- Flex
- Flex Grow
- Flex Shrink
- Order
- Grid Template Columns
- Grid Column Start / End
- Grid Template Rows
- Grid Row Start / End
- Grid Auto Flow
- Grid Auto Columns
- Grid Auto Rows
- Gap
- Justify Content
- Justify Items
- Justify Self
- Align Content
- Align Items
- Align Self
- Place Content
- Place Items
- Place Self
Spacing (3/3)
- Padding ( bottom, top, left, right, start, end, x, y)
- Margin ( bottom, top, left, right, start, end)
- Space Between () x, y)
Sizing (6/6)
- Width
- Min-Width
- Max-Width
- Height
- Min-Height
- Max-Height
- Size
Typography (8/28)
- Font Family
- Font Size
- Font Smoothing
- Font Style
- Font Weight
- Font Variant Numeric
- Letter Spacing
- Line Clamp
- Line Height
- List Style Image
- List Style Position
- List Style Type
- Text Align
- Text Color ( focus, hover)
- Text Decoration
- Text Decoration Color
- Text Decoration Style
- Text Decoration Thickness
- Text Underline Offset
- Text Transform
- Text Overflow
- Text Wrap
- Text Indent
- Vertical Align
- Whitespace
- Word Break
- Hyphens
- Content
Backgrounds (4/9)
- Background Attachment
- Background Clip
- Background Color ( focus, hover)
- Background Origin
- Background Position
- Background Repeat
- Background Size
- Background Image
- Gradient Color Stops
Borders (9/15)
- Border Radius
- Border Width ( bottom, top, left, right, start, end)
- Border Color
- Border Style
- Divide Width
- Divide Color
- Divide Style
- Outline Width
- Outline Color ( focus)
- Outline Style ( focus)
- Outline Offset
- Ring Width
- Ring Color
- Ring Offset Width
- Ring Offset Color
Effects (2/5)
- Box Shadow
- Box Shadow Color
- Opacity
- Mix Blend Mode
- Background Blend Mode
Filters (0/18)
- Blur
- Brightness
- Contrast
- Drop Shadow
- Grayscale
- Hue Rotate
- Invert
- Saturate
- Sepia
- Backdrop Blur
- Backdrop Brightness
- Backdrop Contrast
- Backdrop Grayscale
- Backdrop Hue Rotate
- Backdrop Invert
- Backdrop Opacity
- Backdrop Saturate
- Backdrop Sepia
Tables (1/4)
- Border Collapse
- Border Spacing
- Table Layout
- Caption Side
Transitions & Animation (0/5)
- Transition Property
- Transition Duration
- Transition Timing Function
- Transition Delay
- Animation
Transforms (1/5)
- Scale
- Rotate
- Translate
- Skew
- Transform Origin
Interactivity (1/15)
- Accent Color
- Appearance
- Cursor
- Caret Color
- Pointer Events
- Resize
- Scroll Behavior
- Scroll Margin
- Scroll Padding
- Scroll Snap Align
- Scroll Snap Stop
- Scroll Snap Type
- Touch Action
- User Select
- Will Change
SVG (0/3)
- Fill
- Stroke
- Stroke Width
Accessibility (0/2)
- Screen Readers
- Forced Color Adjust
Contributing
Contributions, bug reports, and feature requests are welcome! To contribute:
- Fork the repository.
- Create a new branch for your changes.
- Submit a pull request for review.
License
Distributed under the MIT License. See the LICENSE file for more details.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net8.0
- Ardalis.SmartEnum (>= 8.1.0)
- BlazorComponentUtilities (>= 1.8.0)
- Macross.Json.Extensions (>= 3.0.0)
- Microsoft.AspNetCore.Components.Web (>= 8.0.10)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Maurosoft.Blazor.Tailwind.Core:
Package | Downloads |
---|---|
Maurosoft.Blazor.Components.Spinner
A beautiful loading spinner with overlay for Blazor apps with over 80 preset loader, high customization (size, position, background color, background opacity, ecc.) |
GitHub repositories
This package is not used by any popular GitHub repositories.