topic Re: Calcite Design System in Experience Builder in Calcite Design System Questions

Calcite Design System in Experience Builder

ZdeněkJankovský — Tue, 11 Jan 2022 13:19:48 GMT

Hello,

is there any description how to use Calcite Design System in Experience Builder custom components?

Both use a light and a dark theme, so is there a way how to use them together?

Thank you,

Zdeněk J.

Re: Calcite Design System in Experience Builder

JuliePowell — Tue, 27 Apr 2021 17:48:53 GMT

Experience Builder and Calcite have separate implementations for theming. So for example, if you build a widget that you'd like to use within the Builder experience, it won't work correctly with the theme of the embedded Calcite components. However, you should be able to use Calcite components within your custom Exp Builder widgets that are added directly to an individual app (outside of the Builder environment).

We are also investigating the possibility of adding a Calcite theme to Experience Builder so you could choose to build an app that looks like Calcite (and your custom widgets that use Calcite would blend well with this). Would this be of interest to you?

Re: Calcite Design System in Experience Builder

CourtneyMenikheim — Wed, 04 Aug 2021 15:31:59 GMT

A Calcite theme in Experience Builder would be great!

Re: Calcite Design System in Experience Builder

JackFanZhang — Mon, 10 Jan 2022 05:08:33 GMT

May I suggest Experience Builder, Calcite, and JS API Widgets all share the same themes.