@waystone/components
v9.5.0
Published
The syntax highlighter library used by draekien-industries
Downloads
12
Readme
@waystone/components
This is an internal dependency of @waystone/ui
Docs
Click the badge below to view the components in storybook.
Installation
Run the relevant script for your package manager
| Package manager | Script |
| --------------- | ------------------------------------------------------ |
| npm | npm i @waystone/ui@latest @emotion/react theme-ui
|
| yarn | yarn add @waystone/ui@latest @emotion/react theme-ui
|
| pnpm | pnpm i @waystone/ui@latest @emotion/react theme-ui
|
Usage
Import the Waystone
component and use it inside your App.tsx
export const App = () => {
return (
<StrictMode>
<Waystone>
<YourAppHere />
</Waystone>
</StrictMode>
);
};
Customizing the theme
Provide your custom theme into the theme
prop of the Waystone
component. The default theme
will be merged with the one you provide.
export const App = () => {
return (
<StrictMode>
<Waystone
theme={{
colors: {
primary: 'blue',
},
}}
>
<YourApp />
</Waystone>
</StrictMode>
);
};