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 a

mediumAccount

or an array of Medium accounts (for multiple accounts) in your theme options within

gatsby-config.js

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

Multiple Medium Accounts

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

Example

Carbon Design System’s commitment to Web Components

Anna Wen

September 23rd, 2024

Carbon and Figma Code Connect: Redefining the Design-to-Code Experience

Alison Joseph

September 16th, 2024

Carbon for AI: Scaling New Ways of Working

Jeannie Servaas

May 23rd, 2024

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
postLimit	number		3	Sets the number of posts pulled from Medium, default is 3 , maximum is 10 .

Edit this page on GitHub

Components: Markdown

Components: MiniCard