@waystone/core
TypeScript icon, indicating that this package has built-in type declarations

9.4.0 • Public • Published

@waystone/core

This is an internal dependency of @waystone/ui

Docs

Click the badge below to view the components in storybook.

Storybook Enabled

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>
  );
};

Readme

Keywords

none

Package Sidebar

Install

npm i @waystone/core

Weekly Downloads

4

Version

9.4.0

License

MIT

Unpacked Size

108 kB

Total Files

10

Last publish

Collaborators

  • draekien