https://github.com/spwareing/pcf.optionsets

Collection of Optionset field controls for Model Driven Apps
https://github.com/spwareing/pcf.optionsets

pcf powerplatform react typescript

Last synced: 5 months ago
JSON representation

Collection of Optionset field controls for Model Driven Apps

• Host: GitHub
• URL: https://github.com/spwareing/pcf.optionsets
• Owner: SPWareing
• Created: 2025-11-29T13:44:41.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-12-06T21:26:24.000Z (6 months ago)
• Last Synced: 2025-12-10T03:11:42.534Z (6 months ago)
• Topics: pcf, powerplatform, react, typescript
• Language: TypeScript
• Homepage:
• Size: 1.66 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# PCF.OptionSets

Collection of Optionset field controls for Model Driven Apps

## Table of Contents

- [PCF.OptionSets](#pcfoptionsets)

  - [Table of Contents](#table-of-contents)

  - [Checkmark Control](#checkmark-control)

    - [Icons](#icons)

  - [Optionset Colour](#optionset-colour)

    - [Icon Size](#icon-size)

    - [Icon Type](#icon-type)

    - [Background Fill](#background-fill)

## Checkmark Control

Updated version of the [Checkmark Control](https://github.com/BendenBlanken/CheckmarkControl)

This version is a virtual control built using the FluentUI V9 library

There is an option icon Size input to set the pixel size; defaults to 50px if blank.

### Icons



  

  



**CheckmarkCircleColor** (left) | **DismissCircleColor** (right)

---------

## Optionset Colour

Modified FluentUI version of the [PCF.ColourfulOptionset](https://github.com/ORBISAG/ORBIS.PCF.ColorfulOptionset)

This control has additional inputs allowing the configuration of:

1. Icon Size

2. Icon Type

3. Background Fill

### Icon Size

Three sizes

1. Small (16)

2. Medium (20) --Default

3. Large (24)

### Icon Type

Currently two

1. CircleFilled

2. CircleRegular

### Background Fill

Boolean Enum property set to false. On setting true, icons are removed from selection; but not dropdown options, and background is set to the option colour. Text colour is set to neutral, allowing dark colours to be used.

---

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

[![Build Power Apps Solution](https://github.com/SPWareing/PCF.OptionSets/actions/workflows/build.yml/badge.svg)](https://github.com/SPWareing/PCF.OptionSets/actions/workflows/build.yml)