[Creator Starter Kit] BUG: Cannot Modify Elevation Component about powercat-creator-kit HOT 1 CLOSED

Hi @jordanbardwell
Thanks for helping with the Creator Kit!
There are two types of component in the Creator Kit:

• Code components
• Canvas components

You can see which component is which by using the Insert menu

The elevation component is a code component which is written in TypeScript which is why you don't have the option to edit it. It implements the elevation style as defined by the Fluent UI guide https://developer.microsoft.com/en-us/fluentui#/styles/web/elevation

If you wanted to use the elevation component in a canvas component inside your app similar to the reference app, you would:

1. Open Tree View -> Components -> New component
2. Insert -> Code components -> Fluent Elevation. If you were creating a new app without using the template, you would first use Insert -> Custom -> Import component -> Code tab -> Fluent Elevation -> Import so that the elevation component is added to the list of available code components.
3. You can now create the rest of your canvas component using the Elevation component as part of it to create a similar to the TextPanel component to the Reference App:
   

Hope this helps!

from powercat-creator-kit.