Stack Overflow
Stack Overflow

Questions tagged [fast-ui]

The fast-ui tag denotes questions related to Microsoft's fast-element, fast-foundation, or fast-components libraries. This may include topics such as how to build web components with fast-element, how to build design system with fast-foundation, or how to properly use our component library directly.

The fast-ui tag denotes questions related to Microsoft's fast-element, fast-foundation, or fast-components libraries. This may include topics such as how to build web components with fast-element, how to build design system with fast-foundation, or how to properly use our component library directly.

12 questions
4
votes
1 answer

SyntaxError: Unexpected token 'export' when using fast-components in a remix app

I'm trying to use FAST web-components in a remix application, but so far no luck. My guess at this point is that the problem comes from the build done in remix. I understand that the build is done by esbuild and that it doesn't fully work with the…
Ben
  • 674
  • 9
  • 21
2
votes
1 answer

Cannot provide a value for property 'IconService' on type 'Microsoft.Fast.Components.FluentUI.FluentIcon'

I'm receiving the following error in browser: Cannot provide a value for property 'IconService' on type 'Microsoft.Fast.Components.FluentUI.FluentIcon'. There is no registered service of type…
Ogglas
  • 62,132
  • 37
  • 328
  • 418
2
votes
1 answer

Using FAST Is there a way to apply styles to child ShadowDOM elements?

I've been working with the FAST toolkit (https://fast.design) creating my own elements that I wish to use. Part of that journey has lead me to make a Toolbar. Been a Toolbar, I want to change the background of the buttons to be transparent (going…
WAdams
  • 43
  • 6
1
vote
1 answer

onChange event on Fast UI components

I am trying to use Fast UI controls with React and TypeScript. I followed the React integration instructions, but my onChange events are not triggering. What am I missing? The onClick event is working on the checkbox, but onChange is really what I…
Christophe
  • 27,383
  • 28
  • 97
  • 140
1
vote
0 answers

Form validation is not working with TextField from fast-foundation

I've been trying to create a custom element - a form with a required text field. For this I've used the TextField class and template from fast-foundation, fluent button and my template for the custom element looks like this -
Sheldon Cooper
  • 11
  • 1
1
vote
1 answer

Update a property using parent template's event handlers

I am trying to design some components using FASTElement. However, I couldn't pass a dynamic property from parent to a child component. In my design, I have two FAST templates as follows, childCompTemplate.ts const myChildComponent = () =>…
Yigit Y.
  • 11
  • 2
0
votes
2 answers

How can I get FAST ui foundation element to work?

I'm new to FAST and I'm trying to get foundationElement to work. I've followed the basic steps in the docs but it's not working. this is my code: import { html } from '@microsoft/fast-element'; import { FoundationElement } from…
Salihu Dickson
  • 11
  • 1
  • 3
0
votes
1 answer

What are the differences between @customElement and composition-based component definitions in FAST?

As I understand there are basically two(+) ways of definining components in FAST. I will provide my own answer to the question below, what I want to verify is whether I am correctly understanding the differences and if there is anything to add. What…
Maria Heine
  • 68
  • 6
0
votes
1 answer

Is there a way to set the fillColor using an HTML attribute? (Fluent UI Web Components)

When using Fluent UI Web Components from the CDN, I have learned it is possible to provide some values to the adaptive color system as attributes on the element. For example:
William McGough
  • 3
  • 1
0
votes
1 answer

FAST Element's Repeat Directive - Indexing

Hello FAST team/community members! I am currently building out a project using FAST Element, web components, and Fluent-UI. I am trying to render something based on where two items are in an array. I noticed that under the repeat directive there is…
Mario Carbonell
  • 133
  • 11
0
votes
0 answers

Is it possible to import individual components from fast-components in Blazor .NET 6?

I have recently been looking at fast-components with a Blazor PWA in .NET 6, and in the docs I can see that there is potential for invoking individual components (showing angular syntax, I believe - example below). I would like to bring in…
MayaDev
  • 1
0
votes
1 answer

2 Way binding issue using Fast-UI + Vue.js ver. 2.6.11

This was tested on the verions (package.json): { "name": "fast-ui-vuejs-ver-2611-binding-issue", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint":…
Utmost Creator
  • 814
  • 1
  • 9
  • 21