Using a Gatsby plugin, this component automatically builds three

ArticleCards

populated with the most recent Medium posts at build time.

Setup

To update the source account for this component, pass in a

mediumAccount

to your theme options in

gatsby-config.js

plugins: [
  {
    resolve: 'gatsby-theme-carbon',
    options: {
      mediumAccount: 'carbondesign',
    },
  },
];
Copy to clipboard

Example

Updating the Carbon React tutorial to Next.js 13

Jeremy Caine

November 3rd, 2023

Introducing Carbon for React Native

David Bradshaw

September 19th, 2023

Introducing Figma variables and a consolidated “All themes” library!

Anna Gonzales

August 22nd, 2023

Code

<MediumPosts color="dark" postLimit={3} />
Copy to clipboard

Props

| property | propType | required | default | description | | --------- | -------- | -------- | ------- | --------------------------------------------------------------------------------------------- | | color | string | |

light

| Sets the card for the correct color theme, default is

light

, options are

light

and

dark

| Sets the number of posts pulled from Medium, default is

, maximum is

. |

Edit this page on GitHub

Components: Markdown

Components: MiniCard