Desirable features Auto-associate label and input (the less people have to do manually to get good a11y, the better) Easy to have consistent layout (spacing, relative positioning) Correctly apply error message attributes (eventually) Consistent validation handling across field types Minimal amount of typing to achieve a "normal form layout"Must not require a parent form component Research https://hackmd.io/OulpnA9eTEebdAc_0bVhMQ
8/11/2023~2200 words Welcome Welcome to another episode of Fluent UI Insights where we describe the architecture and decisions behind the Fluent UI design system. From the previous episodes, you already know how CSS-in-JS solved performance issues for us. But there is still an uncovered concept related to styles. Join us as we discuss theming and how it works in Fluent UI. What is theming? Before we start, let me quickly explain what we mean by theming.
2/24/2023Highlights First, we recommend folks checkout our latest update on the Component Lifecycle Process and our Component Roadmap as it's been updated for FY23Q2. Here's what we'll cover in this post: Added a dedicated shim package for v8 to v9 migration Released new components in Stable: Dialog 🎉 Added new components in Preview: Table, Field, AvatarGroup, Persona, Toolbar Check out a Fluent UI React v9 based Teams App demo at Ignite 2022
10/14/2022The high level process When developing components for Fluent UI React v9, each component passes through a series of development phases and then is finally released in the UI Library. It's broken down into 3 distinct phases: Research, Unstable, Stable Next we'll break down each phase into more detail. 🔍 Research During the Research phase, Engineering partners with Product and Design to understand the scope of the component features, audit other UI libraries for industry standard patterns, and scaffold out the API.
10/14/2022or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up