Gatsby Book Launch

“The missing guide to the modern web” launches on Thursday, Sep 29th: Modular: The Web’s New Architecture

ContactSign Up for Free
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

© 2022 Gatsby, Inc.