Lookif.Component.Carousel
1.0.0
See the version list below for details.
dotnet add package Lookif.Component.Carousel --version 1.0.0
NuGet\Install-Package Lookif.Component.Carousel -Version 1.0.0
<PackageReference Include="Lookif.Component.Carousel" Version="1.0.0" />
paket add Lookif.Component.Carousel --version 1.0.0
#r "nuget: Lookif.Component.Carousel, 1.0.0"
// Install Lookif.Component.Carousel as a Cake Addin #addin nuget:?package=Lookif.Component.Carousel&version=1.0.0 // Install Lookif.Component.Carousel as a Cake Tool #tool nuget:?package=Lookif.Component.Carousel&version=1.0.0
Introduction
Lookif.Carousel is a library that enables Blazor developers to easily add carousels to their web applications without the need to import any external JavaScript or CSS files. With Lookif.Carousel, developers can add responsive carousels with swipe gestures and customizable settings.
Installation
Lookif.Carousel can be installed using NuGet. You can install it using the NuGet Package Manager in Visual Studio or by running the following command in the Package Manager Console:
Install-Package Lookif.Carousel
Getting Started
Once you have installed the Lookif.Carousel package, you can add the carousel component to your Blazor pages. Here is an example of how to use the carousel component:
<LFCarousel
Data="@items"
CarouselType=CarouselType.Item
Size=ImageSize>
</LFCarousel>
In this example, we are binding the carousel to a collection of items (@items) and setting various properties, such as the type of carousel, the width and height of each item (Size).
Properties
The following properties are available for the Carousel component:
Property | Definition |
---|---|
Items | The collection of items to display in the carousel. It is type of CarouselContextHolder which Contains Title,Image(path),and Listof CarouselItemContextHolder which holds your items(Properties are shown later). |
CarouselType | Type of Carousel. we have 2 types right now. "Header,Item" |
Size | Size of each items. It is under System.Drawing library that holds Witdh and Height. |
CarouselItemContextHolder Contains:
public string ImageThumbnail { get; set; }
public string Image { get; set; }
public string Link { get; set; }
public string Title { get; set; }
public string Definition{ get; set; }
Contributing
Contributions to Lookif.Carousel are always welcome! If you have any bug reports, feature requests, or pull requests, please feel free to open an issue or a pull request on the GitHub repository: https://github.com/Farshadhn/Lookif.Component.Carousel.
License
Lookif.Carousel is licensed under the GNU license. See the LICENSE file for more information.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. 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. |
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.16)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Lookif.Component.Carousel:
Package | Downloads |
---|---|
Lookif.UI.Component
Some predefined components. It contains: *Crud page *Form *Dropdown - Selective *Grid ---- Blazored.Modal and Blazored.Toast are used in this project. |
GitHub repositories
This package is not used by any popular GitHub repositories.