Manuscripts Style Guide

2026-06-11 16:44:00

React components for Manuscripts applications.

Example usage

import { PrimaryButton } from '@manuscripts/style-guide'

const Example: React.FunctionComponent<{ 
  handleClick: React.MouseEventHandler<HTMLButtonElement>   
}> = ({ handleClick }) => (
  <div> 
    <PrimaryButton onClick={handleClick}>Done</PrimaryButton>
  </div> 
)

Development

Run yarn build to build the dist folder for distribution.

Run yarn dev to automatically rebuild when a file is changed.

If a component needs new theme properties, add the types to src/theme.ts and add the corresponding values to .storybook/theme.ts.