Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-dev-ribbon

npm npm

Gatsbyで作成しているサイトにリボンをつけることができます。開発環境と本番環境を区別するのに便利です。

インストール

npm install gatsby-plugin-dev-ribbon

または

yarn add gatsby-plugin-dev-ribbon

使い方

plugins: [
  {
    resolve: `gatsby-plugin-dev-ribbon`,
    options: {
      text: `develop`,
      color: `red`,
      position: `left`,
    },
  },
];

オプション

text: 任意の文字列

position: left, right, left-bottom, right-bottom

color: red, orange, green, black

© 2023 Gatsby, Inc.