Stack Overflow
Stack Overflow

Questions tagged [fluentui-react]

Fluent UI react or web represents a collection of utilities, React components, and web components for building web applications. A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Home: https://developer.microsoft.com/en-us/fluentui#/ Source: https://github.com/microsoft/fluent-ui-react

Fluent UI react or web represents a collection of utilities, React components, and web components for building web applications. A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.

Home: https://developer.microsoft.com/en-us/fluentui#/ Source: https://github.com/microsoft/fluent-ui-react

311 questions
0
votes
1 answer

Fluent UI React Changing the focus outline color to primary inverted color

I'm rendering a CommandButton with only an icon inside a container with a dark background with gradient and I have set the background color of the button to be transparent. (Note that it is transparent because the container's background color has a…
CookieEater
  • 2,237
  • 3
  • 29
  • 54
0
votes
0 answers

SCSS themify not working with Fluent UI React

I'm working with a fluent UI react command bar. I'm using the SCSS themify pattern to theme elements. Theming works for the top level command bar class names, but certain themify blocks seem to be skipped entirely. For example, the block shown…
Cory Crowley
  • 304
  • 1
  • 12
0
votes
1 answer

Set value of Fluent React TagPicker?

How does have Fluent React's TagPicker component (https://developer.microsoft.com/en-us/fluentui#/controls/web/pickers) render existing tags. I've tried passing in with input and value props, with no luck. E.g.:
payneio
  • 407
  • 3
  • 7
0
votes
2 answers

Have a method call another method within a function component

I am using a component called DocumentPicker from the Fluent UI library. This components has several methods:
Christophe
  • 27,383
  • 28
  • 97
  • 140
0
votes
1 answer

Fabric/Fluent UI Datepicker days of week are misaligned with calendar numerical date

Fabric/Fluent UI Datepicker calendar numerical dates are misaligned with the actual days of the week. Screenshot to demonstrate: ^ as can be seen, the highlighted today date is marked September 17th, 2020, under the calendar's Friday column, but…
Ian
  • 1
0
votes
1 answer

Fluent UI PeoplePicker onChange

I am trying to use the PeoplePicker control on Fluent UI: https://developer.microsoft.com/en-us/fluentui#/controls/web/peoplepicker How can I trigger an action when a selection is made? I don't see any onChange method or similar exposed in the API.
Christophe
  • 27,383
  • 28
  • 97
  • 140
-1
votes
1 answer

Keep the list open when selecting an item

I would like to create a CSS element such that: There is a button. Clicking on the button opens a list (e.g., a dropdown list) of items. We can click on the items to select and the parent component is systematically informed. We click on the area…
SoftTimur
  • 5,630
  • 38
  • 140
  • 292
-1
votes
1 answer

Fluent ui nortstar increase the size of icons

How do we override the styles of the icon ?. (apart from the size props of icon size="largest") tried the below : const myTheme: ThemeInput = { componentStyles: { EmojiSadIcon : { root: { width:100, …
umgolla
  • 39
  • 8
-1
votes
1 answer

Type '{ label: string; }' is not assignable to type 'IntrinsicAttributes & { children?: ReactNode; }'

I am using the Fluent UI, imported the Toggle component and got a UI Toggle exported: export const UIToggle: React.FunctionComponent = () => { return (
Bountyhat
  • 141
  • 1
  • 1
  • 11
-1
votes
2 answers

Using design frameworks for teams

We are building our web app and want to choose right design frameworks. Our plan is to build a stand alone web application and then to integrate it with Microsoft Teams. As I understand, web applications integrate with Teams using IFrame. In the…
Tuvia Khusid
  • 792
  • 5
  • 15
  • 31
-2
votes
1 answer

fluent ui details List implementation in Functional component

Can anybody send code on how to implement fluent UI details List in Functional Component(https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/basic) and how to fetch data from API to details List
GOWTHAM
  • 13
  • 2
  • 3
1 2 3
…
20
21