Siamese

Collection of React components providing a library-agnostic base for Wall-to-Wall Gatsby websites.

Status

Install

npm install --save @walltowall/siamese

How to use

import { AspectRatio } from '@walltowall/siamese'
import '@walltowall/siamese/styles.css'

Note: If you using a version of Node.js or an environment that does not support package.json's exports declarations, import styles using the following path:

import '@walltowall/siamese/dist/siamese.css'

All components are documented via TSDoc.

View the source files using the links below to read each component's documentation.

Components

• Universal

  • AspectRatio — View sized with a specific aspect ratio.
  • BoundedView — View with horizontally centered content with a maximum width.
  • Link — Dynamic link component with automatic router integration.

• Gatsby-specific

  • GatsbyImageContainer — View used to wrap gatsby-image for 100% height images.