Dela via


Icon kontroll

En kontroll som används för att visa Fluent UI-ikoner.

Icon-kontrollen.

Description

Den här kontrollen renderar Fluent UI-ikoner baserat på namnet. Du kan använda den för att enkelt skapa en ikonknapp och en åtgärdsknapp med egen utformning.

En lista med ikoner finns på Fluent UI-ikoner.

Nyckelegenskaper

Property Description
ItemIconName Ikonen Fluent UI som ska användas (se Fluent UI-ikoner)
IconType Återger ikonen som typer Action button, Icon button eller Icon only
IconSize Ikonens storlek (bildpunkter)
Text Text som visas (fungerar för typ Action button)
TextAlignment Position av texten (fungerar för typer Action button och Icon only)
Tooltip Text som visas i ett verktygstips när användaren håller muspekaren över ikonen.

Ytterligare egenskaper

Property Description
FontSize Teckensnittets storlek (fungerar för typ Action button)
IconColor Ikonens färg
HoverIconColor Färgen på ikonen som visas vid hovring
FontColor Färg på teckensnitt
HoverFontColor Färgen på teckensnittet som visas vid hovring
FillColor Färg på ikonens bakgrundsfyllning (fungerar för typer Action button och Icon button)
HoverFillColor Färgen på fyllningen som visas vid hovring (fungerar för typer Action button och Icon button)
BorderColor Färg på ikonens kantlinje (fungerar för typer Action button och Icon button)
HoverBorderColor Färgen på kanten som visas vid hovring
BorderRadius Hörnens rundhet (fungerar för typer Action button och Icon button)
Theme Godkänner en JSON-sträng som genereras med Fluent UI temadesigner (windows.net). Om du lämnar detta tomt används standardstandarden som definieras av Power Apps. Se tema för vägledning om hur du konfigurerar.
AccessibilityLabel Aria-etikett för skärmläsare
InputEvent En händelse att skicka till kontrollen.

Funktionssätt

Begränsningar

Den här kodkomponenten kan endast användas i arbetsyteappar och anpassade sidor.