Updates and changes
download
prop for link-buttons.react-dropzone
prop passthrough.Components like Accordion
and Callout
have been added and components like DatePicker
and RadioButton
have been rewritten.
The new documentation allows faster and easier access to the documentation. Overall we are trying to provide a better experience for developers and designers.
Full-text search with shortcuts for the documentation.
Button and other components now have a playground to test all possible properties.
We are now providing a set of guidelines for PWA development. The Components are now PWA (or Capacitor) ready and can provide an almost native experience.
Icons are now available in the documentation. For other icons we recommend to use Font Awesome.
Better Developers Experience by TypeScript Support.
Restructured to have a more dynamic monorepo structure.
For example now you can import only the packages you need. For example un/react
for the react components and un/styles
for the CSS styles.
You can now create custom themes and tokens. This enables the Darkmode
and the use in projects that not follow the WFP Design System.
Figma is now the source of Truth for all tokens.
The overall accessibility has improved by providing the required aria
attributes and tabindex
for keyboard navigation.
The design system now provides react hooks for better customization and and creating reusable elements.
CSS is still the source of truth for the design system. We are not using CSS-in-JS.
The new version is not fully backward compatible. See migration guide.