Microsoft's Fast
fast.design
fast.design
… the checkbox label is completely broken (clicking it does nothing at all)…
First impressions are this is buggy and not well tested.
https://en.m.wikipedia.org/wiki/Microsoft_Development_Center...
That it's a design system?
You and me both :/
When you go to the page:
- first line: "Adaptive..."
- second line: "The adaptive..."
- third line: "...adapt..."
Then the next block:
- "flexible and adaptable"
>FAST provides an innovative theming system called Adaptive UI, which builds design system properties that designers use every day directly into every component.
Then the next block is an example where you can change neutral color, accent color, saturation, border radius, stroke width and density of all components in a frame on the fly.
>like bootstrap, tailwind, chakra, material, semanticui,
In order to adapt all components you have to
- in bootstrap edit SCSS variables
- in tailwind edit tailwind.config.js and probably use CSS variables for the utility classes you use
- in chakra override global CSS styles in the style object
- in material v3 define your own baseline and dynamic color schemes
- in semantic UI override CSS in your theme.config.
But it seems only tailwind with CSS variables allows to change styles on-the-fly, i.e. more than just toggle between light and dark mode.
*edit:* formatting
The first customer comes in an orders a beer. They finish their drink, and then ask where the bathroom is. The bar explodes.
> FAST web components are built on the core technologies of the web to work in any scenario.
This is Microsoft's response to bug reports.