This component is considered experimental. Reach out to the Spark team to find out more about what this means.
🚧 — Under construction
The SparkProvider component is a Context provider to provide functionality for the following things:
- A theme provider allows for overriding the default theme
- A link component provider allows for passing in a custom link component (created with the
@spark-web/link) that will be using internally by
TextLink(useful for creating links that use client-side transitions instead of full page refreshes like next/link) does. For a reference take a look at the source for UniversalNextLink
- An id provider for generating unique ids. This will be deprecated in a future release once the design system has been upgraded to React 18.
- A minimal CSS reset
useFocusVisiblewhich we use to show focus rings when navigating with keyboard, but not when using a pointing device (such as a mouse or trackpad).
Global component to set a stylesheet to load the Aestetico font
from Brighte's CDN.