Introduction

    The UI Framework is the set of components within Episerver's Design System. There is a package on npm with a React implementation that can be used by anyone. The Interactive Demo's at the top of the component descriptions are using it.

    The components exist in three phases and is noted in the component title:

    • Alpha: Guidelines for how the component can be used, including wireframes.
      • They lack an implementation in React that can be used right away.
    • Beta: The guidelines have gone through some more research, and there is some React implementation available.
      • The implementation is not used in any products, and can be buggy or behave differently compared to the guidelines.
    • No labeling: The guidelines are backed up by components used in some products and what is known to not work has been addressed.
      • Nothing is ever truly complete and is always subject to change given new information.

    There is an extra stage that components go through that is visible on the Interactive Demo and the public Readme of the npm package:

    • Preview: As components are contributed from other teams, and has worked for them, they might not follow the same API design, or otherwise look and behave like, other components in the UI Framework. They are usable but subject to major changes.
    Some written content and images are sourced from the Material.io website on 2018–2020. Some of the design components featured in the system are based on Material.io downloads based on the Apache 2.0 and CC-BY 4.0 licensing.