Keep track on all components here.
Global Components are the most basic component meant to be used repeatedly across the site.
They can be customized from the Properties Panel.
Texts
Heading
Paragraph
Custom paragraph component
Basic paragraph component
Images
Aspect Ratio: 1:1
Radius: Round
Aspect Ratio: 3:2
Radius: Huge
Aspect Ratio: 16:9
Radius: Large
Brand Logos
Logo: Color
Size: Huge
Logo: SVG
Size: Large
Icons
Icon SVG
Icon Image
Buttons
Button Primary
Button Secondary
Button Tertiary
Button Simple
Eyebrows
Eyebrow
Tags
Style: Theme
Theme 1
Theme 2
Theme 3
Style: Theme Reverse
Reverse 1
Reverse 2
Reverse 3
Alerts
Success
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
Warning
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
Error
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
Avatars
Sophia Jane
Pet Care Associate & Training Support
Spacing
xxLarge
xLarge
Large
Medium
Small
xSmall
xxSmall
Tiny
xTiny
xxTiny
None
Section
Theme: Base
Width: Large
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.
Theme: Dark
Width: Medium
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.
Theme: Accent
Width: Small
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.
Content Components are created specifically as content for a section.
These are used in multiple pages for consistency.
Below are some examples:
Navbar
Home Hero
Lorem ipsum dolor sit amet, consectetur adipiscing. Suspendisse varius enim in eros elit tristique.
Footer