Comments (2)
makeStyles
that is imported from Fluent is actually a direct re-export of Griffel. This library is also owned by the Fluent UI team.
The reason that makeStyles
does not support any runtime parameters/arguments is because of ahead of time compilation. This means that styles can be compiled at build time to avoid any computation cost at runtime.
The theming of Fluent UI is based on CSS variables which is completely independency of any third party. You can see an example of styling using Fluent UI
import { makeStyles, tokens } from '@fluentui/react-components';
const useStyles = makeStyles({
root: { display: 'flex' },
rootPrimary: { color: tokens.colorNeutralForeground3 },
});
tokens
are completely independent and there is absolutely no need for it to be used. Can you please provide more details on what 3rd party libraries you would like to remove as a dependency?
from fluentui.
I wasn't aware of the tokens
object. Thank you so much!
from fluentui.
Related Issues (20)
- [Bug]: unable to focus elements in dialog 1 after dialog 2 is opened on top of it and then dismissed HOT 5
- [Bug]: Menu control not appearing in NextJS HOT 4
- TagPicker needs to filter items when TagPickerOption contains children other then Text (control or only string). HOT 3
- [Bug]: Combobox style HOT 4
- [Bug]: ComboBox does not open to the selected option when using Virtualizer.
- Update NavDrawer example story to fix motion issue
- [Bug]: FocusTrapZone's 'isClickableOutsideFocusTrap' does not open buttons with ContextualMenus
- [Bug]: Tree should warn user about wrongly using both `defaultOpenItems` and `openItems`
- [Bug]: Related to the Table rendering in Chrome and other browser HOT 1
- [Bug]: Contextual menu , two numbers are displaying for split submenus on voice command "Show numbers". HOT 2
- [Bug]: useComboboxFilter filters the value not the text HOT 6
- [Bug]: Incompatible with React 19 - useDisposable HOT 1
- [Bug]: TagPicker filter not work as expected HOT 1
- Facepile Tooltip Value Displays Garbled Chinese Characters
- [Bug]: changelog links to incorrect PRs _or_ PRs are incorrectly bumping packages
- [Bug]: mergeStyles types lead to "error TS2589: Type instantiation is excessively deep and possibly infinite"
- Recipes: Remove recipes-react-components app in favor of recipes package
- [Bug]: Slots API types do not work correctly in React 18 HOT 1
- [Bug]: Apply tooltip for split button is not accessible afterwards
- [Bug]: <MessageBar> reflow does not work when resizing container
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fluentui.