Gatsby Theme Showcase

Add a showcase to any site.

What you get from this theme

• Airtable integration
• A React component to display data

Installation

To use this theme in your Gatsby sites, follow these instructions:

1. Install the theme

   npm install --save @jlengstorf/gatsby-theme-showcase

2. Add the theme to your gatsby-config.js:

   module.exports = {
     plugins: ['@jlengstorf/gatsby-theme-showcase'],
   };

3. Start your site

   gatsby develop

Usage

Theme options

Example usage

// gatsby-config.js
module.exports = {
  plugins: ['@jlengstorf/gatsby-theme-showcase'],
};

Exported components

Showcase

[description of what this is and why it’s useful]

Example usage in MDX

In any MDX file:

import { Showcase } from '@jlengstorf/gatsby-theme-showcase';

# Look at my photos!

<Showcase />

Example usage in React components

In any React component:

import React from 'react';
import { Showcase } from '@jlengstorf/gatsby-theme-showcase';

export default () => (
  <div>
    <Showcase />
  </div>
);

How to shadow this component

If you want to use component shadowing with this component, create a file at the following path in your site:

src/@jlengstorf/gatsby-theme-showcase/components/showcase.js