drivardxrm / FluentUI.Slider.PCF

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FluentUI.Slider.PCF GitHub all releases

PowerApps Component framework (PCF) Control to render FluentUI v9 sliders over Dataverse numerical fields.

image

fluentui_badge_percent

Download Here

Try Component in Storybook

Features:

  • Configurable : Min, Max, Step, Vertical, Show Value, Tooltip and more
  • Portable : Works in Model-driven apps, Canvas apps, PowerApps portals
  • Themable : Supports FluentUI V9 Themes (WebLight, WebDark, TeamsLight, TeamsDark, TeamsHighContrast)

Parameters

Parameter Description Default
Input Input column of the slider (Whole.None, Currency, FP, Decimal)
Min Minimum Value of the slider 0
Max Maximum Value of the slider 100
Step Incremental step of the slider
Size Size of the slider. (small, medium) medium
Vertical Slider is vertical false
Show Value Show selected value true
Show Tooltip Show tooltip with selected value when hovering over the slider true
Show Min Max Show min and max values true
Prefix (Optional) Display prefix. Ex $ => $0
Suffix (Optional) Display suffix. Ex $ => 0$
Theme Theme. (WebLight, WebDark, TeamsLight, TeamsDark, TeamsHighContrast) WebLight

Screenshots

image

image

image

About

License:MIT License


Languages

Language:TypeScript 80.5%Language:MDX 15.8%Language:JavaScript 3.7%