Calcite Design System in Experience Builder

1563
3
04-26-2021 12:08 AM
ZdeněkJankovský
Esri Contributor

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.

0 Kudos
3 Replies
JuliePowell
Esri Contributor

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?

CourtneyMenikheim
Occasional Contributor

A Calcite theme in Experience Builder would be great!

Courtney Menikheim | Application Developer | @thecmenikheim
0 Kudos
JackFanZhang
Occasional Contributor

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