SmerthTheme
Nice building blocks
Documentation
Get the code!

SiteWrapper

SiteWrapper component delivers context to the site by wrapping all content in gatsby-browser.js and gatsby-ssr.js

How to install this plugin in a GatsbyJS site and some notes on site building.

Introduction

About Scales.

Borders
Breakpoints
Colors
Font Family
Font Size
Font Weight
Letter Spacings
Line Heights
Opacities
Radii
Shadows
Sizes
Space
Transitions
z-Indices

About Styles.

Overview of styles
Overview of markdown
Headings
Block level attributes
Paragraphs
Hard Return
Images
Inline Code
Links
List
Emphasis, Strong, Italic
Forms
Mark
Table
Text

Description for Components section

Accordion
AccordionItem
Alert
AnimatedContent
AnimatedScrollPrompt
Breadcrumbs
Button
ButtonGroup
Code
CodeBlockWrapper
ColorModeToggle
Copyright
DisplayCSSPropertyMatrix
DisplayCode
DisplayComponentArray
DisplayComponentVariants
DisplayHighlightedCode
DisplayThemeNode
DisplayThemeScale
FlexMenu
FlexMenuLink
FooterContent
FooterWrapper
LayoutNoSidebar
Link
MenuIcons
MenuVertical
Message
Overlay
OverlayContent
OverlayHeaderDesktop
OverlayHeaderMobile
OverlayToggle
Pagination
ParallaxHeaderWithSvg
Pre
ScreenReaderText
SiteBranding
SiteLogo
SiteName
SiteSlogan
SiteWrapper
SplitScreen
SwapOnMobile
TagCloud
TagRainbow
TitleWithClippedGradient
WrapperWithSidebar

Helpers - hooks and functions to helper build a design system.

useScreenSize

Connect with me!

GitHub
NPMJS
LinkedIn

© 2023 - smerth.com - All Rights Reserved