Showing off: Custom V9 components

[blendsdk]

I am working to migrate my v8 components to v9. So far I find the v9 Slots API to be very cool and great for customizing.
I have derived a simplified version of the Slots API that works better for my needs. Below is a link to the storybook.

Take a look at the AppLauncherModule and the AppBarTabList

Let me know what you think :)

[tombohub]

Nicely done! And these are using fluentui v9 tokens?

[blendsdk]

Nicely done! And these are using fluentui v9 tokens?

Yes. I have used tokens from v9. Everything you there is v9

[Patchrik]

@blendsdk
Did you have to do anything special to get Fluent UI to render the Icons in your components? I'm using Vite with storybook. And I've got everything but icons working, but can't figure out what the issue is.

[blendsdk]

Hi @Patchrik, I don't have a specific setup; just the standard config stuff StoryBook generated. Perhaps you could check the generated HTML elements when the component is rendered. FUI9 icons are rendered as standard inline SVG elements. You should get something like this screenshot. Maybe the CSS enclosing the SVG element gets mixed up with something else. Are you using Icons provided by FUI9 or some other library like FontAwesome?