We are trying to implement a text area similar to below where in in a single sentence, there are multiple placeholders. We are using react for this. Is it possible to achieve below result using any controls? I was able…
I'm writing a simple "select all" checkbox that checks/unchecks all other checkboxes, using react native with typescript and FluentUI checkboxes. Summarized issue: The state of the "select all" checkbox seems to not update according to the state of the other…
I have a component that contains a Checkbox component from the @fluentui/react-components library, and I am using an onChange event on the Checkbox component. const ContactText = ({ contact, contactKey, selectedContacts, setSelectedContacts }) => { return ( <div> <img src={contactIcon}…
I have Fluent UI modal dialog that I am showing in my site very similar to below example. https://codesandbox.io/s/practical-boyd-m5rw2k?file=/example.tsx EDIT: The code in codesandbox.io is the same as the one below: import * as React from "react"; import { Dialog,…
I have a React component like this export const NewComponent: React.FC<NewComponentProps> = ({prop1, prop2, prop3 }) => { const getAbsPositionDialog = () => { const element = document.getElementById('modalDialogId'); if (!element) { return { x: 0, y: 0 }; } const…
I have a Card component from FluentUI library. I want to hover over the card and change the color of the border. This is my attempt to do it but for some reason I am having below error: type 'string'…
So I am trying to add an opacity to a background color but the specific background color I am using is coming from the fluent UI library, thus using Design Tokens. I know normally, I can add opacity to a…
Here props.data!.lineChartData![0].color! can be optional, so what to modify in code such that if it is defined then it should render stroke color from props.data!.lineChartData![0].color! else from sam.line stroke where sam=useSample(), Please check the photo for code tried before. use…
I am working with Fluent UI datetimepicker. I am trying to change color in today. But its not changing default blue color. const DatetimePickerFileds = (theme) => { return mergeStyleSets({ root: { selectors: { ".dayIsToday":{ "background-color":theme.colors.addovation70Green}, }, }, }); };…