Icon kontroll

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

Ikonkontroll.

Beskrivning

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

Egenskap Beskrivning
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

Egenskap Beskrivning
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ärg på fyllningen som visas när pekaren hålls över (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 det här tomt används standardtemat 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 som ska skickas till kontrollen.

Funktionssätt

Begränsningar

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

  • Last updated on