mereo-component-library v1.0.16

mereo-component-library

Description:

Minimal and accessible react components by Mereo Marketing.

Development

Creating a component

File Structure:

. └── src/ └── components/ └── NewComponent/ ├── index.tsx ├── NewComponent.tsx ├── NewComponent.styles.tsx └── NewComponent.stories.tsx

• index.tsx is used to re-export the component file
• NewComponent.tsx is the actual component itself
• NewComponent.styles.tsx is where the styles of the component lives
• NewComponent.stories.tsx is where the storybook stories are kept

Styling

Currently using emotion as our styling framework. In the styles file of a component create any styled elements using the '@emotion/styled' package. Styled components created should accept many different props for their styling.

Accessibility

React Aria