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]: Dialog title exceeds out of the dialog area when title has long text HOT 2
- [Feature]: Keep hover selection on L1 menu item when hovering on L2 (submenu) menu items HOT 4
- [Feature]: Clicking on submenu button should not close the submenu. HOT 1
- [web-components] Menu-list is not closed when an item is selected using keyboard
- [Feature]: migrate repo to TypeScript 5.0
- [Feature]: improve hover and touch interactions HOT 2
- [Bug]: Chat component accessibility issue HOT 1
- [Bug]: Tag picker Inline suggestion accessibility issue HOT 2
- [Bug]: Tooltip inside popover doesn't get automatically displayed on focus HOT 1
- Update useCustomStyleHooks in the Nav components
- [Bug]: Disabled option is not being shown as selected in fluent-select
- [Bug]: Field Info Button Sample prodcues typescript error
- [Bug]: Dropdown (v8) label is not clickable
- [Bug]: Card - Wrong text color on hover in HC theme
- [Bug]: The elements within the fluent-text-input can't be focused
- [Bug]: AddRegular is not aligned vertically
- Get northstar release pipeline working again
- [Feature]: Icon only left nav menu
- [Bug]: Menu - secondary content is white instead of black in HC theme on hover
- Update baseline for Web Component VR tests
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.