powercat-creator-kit
powercat-creator-kit copied to clipboard
[Feature] Ability to define a border-radius on the Elevation component
Is this request for a new component, or additional functionality for an existing component? Additional functionality for the existing Elevation code component
Have you validated that your desired feature or component is not already in the backlog? Yes
Describe the component and functionality you would like to see in the starter kit A BorderRadius property on the Elevation component
Describe alternatives you've considered Two approaches:
- Creating a separate HTML text control when a
box-shadow
with aborder-radius
is needed - Forking the powercat-code-components repo and modifying the PCF code component (see below screenshots)
Additional context
There is no border-radius
property in the Power CAT Elevation code component, so every use of elevation has square edges by default:

With the option to set a BorderRadius property on the code component, the user can modify the default of 0px
if needed:

Having this functionality should eliminate some code duplication and therefore minimize the total cost of ownership if/when this feature is required.
Thanks for the great kit Power CAT team! 😺