Elements
Here you can find a list of all available elements
What are elements?
Compositions refer to the arrangement and assembly of various elements to create complete, functional components or blocks of a user interface. Compositions are higher-level constructs that leverage individual components, such as buttons, cards, or forms, and combine them in a cohesive manner to form more complex layouts or interactive experiences.
Button
This is used for primary CTA.
Link
This is used for secondary CTA.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Custom Classes Overview
See all available classes to be entered in "Element" Custom Classes.
Link
link_
Available classes
link_white
Notes
Make sure the link line turns white.
Button
button_
Available classes
button_black
Notes
Change the look of the primary button.
Rich Text
[target]_[result]
Available classes
p_subheader
p_semibold
p_h2
h2_medium
h3_medium
Notes
The p_h2 will only turn the first paragraph to look like an H2.
Align Self
align-self_[position]
Available classes
align-self_v-top
align-self_v-center
align-self_v-bottom
Notes
Next up!
See the various general classes you can use.
