integralui lite blazor
24.3
O integralui Lite for Blazor é uma biblioteca de interface do usuário gratuita de componentes avançados, personalizáveis e de alto desempenho para o Blazor .NET.
NOTA GRATUITA PARA USO COMERCIAL.
Nota Esta biblioteca é uma versão Lite do pacote completo de produtos: integralui for Blazor. Alguns dos recursos de componentes mais avançados são excluídos nesta versão.
Aqui está uma breve visão geral do que está incluído:
Botão - representa um botão
ButtongRoup - gerencia ações de vários botões organizados no grupo
Calendário - Permite ao usuário selecionar uma data usando uma tela de calendário mensal visual
Cartão - um cartão de flip com dois lados
Caixa de seleção - representa uma caixa de seleção
Suspenso - mostra outros componentes em uma janela suspensa
Lista - exibe uma lista simples de itens com conteúdo em layouts personalizados
Popover - exibe conteúdo HTML personalizado sobre elemento especificado
Radiobutton - representa um botão de rádio
Selecione - permite que você selecione um item de uma lista suspensa
Tooltip - adiciona uma dica de ferramenta a um elemento
Treelist - permite que você navegue pela hierarquia de árvores mostrando apenas uma lista de cada vez
O integralui lite for Blazor é construído com a estrutura .NET 8.0.
App Quickstart online - uma demonstração on -line de cada componente incluído
npm install https://github.com/lidorsystems/integralui-lite-blazor.gitou diretamente do NPM
npm i integralui-lite-blazorOs arquivos da biblioteca estão localizados na pasta /bin do diretório de instalação do produto.
Agora você pode usar todos os componentes disponíveis na Integralui Lite Library. Existem poucos espaços para nomes que você pode importar:
Integralui.lite.comPonents
Integralui.lite.data
Integralui.lite.events
Integralui.lite.interfaces
Integralui.lite.services
Todos os componentes estão localizados no Integralui.lite.comPonents Namespace.
No começo, você precisa instalar a biblioteca integralui lite para blazor ao seu lado e adicionar uma referência a um componente que você deseja usar (consulte as etapas acima).
No caso do componente da lista integralui, você precisa fazer o seguinte:
Por exemplo:
@page "/"
<IntegralUIList @ref=listRef Id="list-sample" TItem="CustomItem"
Items="@items"
MouseWheelSpeed="IntegralUISpeedMode.VerySlow"
Size="@ctrlSize">
<ItemTemplate>
<span>@context.Item?.Text</span>
</ItemTemplate>
</IntegralUIList>
@code {
// Get a reference to the IntegralUI TreeView component to call public methods
private IntegralUIList<CustomItem>? listRef;
// Data model
public class CustomItem
{
public string? Id { get; set; }
public string? Genre { get; set; }
public double Rating { get; set; }
public bool Selected { get; set; } = false;
public string? Text { get; set; }
public int Year { get; set; }
}
// Define the component size
public IntegralUISize ctrlSize = new() { Width = 350, Height = 300 };
// Add items to the List component
public List<CustomItem> items = new()
{
new CustomItem { Id = "1", Genre = "Sci-Fi", Text = "Star Trek", Year = 2009, Rating = 8 },
new CustomItem { Id = "2", Genre = "Adventure", Text = "Cast Away", Year = 2000, Rating = 7 },
new CustomItem { Id = "3", Genre = "Action", Text = "Gladiator", Year = 2000, Rating = 8 },
// . . .
};
}
Existe um aplicativo de demonstração com código -fonte que contém amostras para cada componente incluído no pacote de produtos Integralui Lite para Blazor. Pode ajudá -lo a começar rapidamente com o aprendizado dos componentes e a gravar testes imediatos.
O Projeto Quick Start está disponível no Diretório de Instalação do Produto.
Você é livre para usar este produto para desenvolver sites da Internet e da Intranet, aplicativos da Web e outros produtos, sem carga.
Este projeto foi divulgado sob a licença integralui lite for Blazor e não pode ser usado, exceto em conformidade com a licença. Uma cópia da licença deveria ter sido instalada no diretório de instalação raiz do produto ou pode ser encontrado aqui: Contrato de licença.
Este software é fornecido "como está", sem garantia de qualquer tipo, expressa ou implícita. Consulte a licença para os direitos e limitações específicos do idioma que regem a licença.
