Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including primer-branch-name with all npm packages installed. Try it out:

var primerBranchName = require("primer-branch-name")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

primer-branch-name v2.0.0

A nice, consistent way to display branch names.

Primer / Branch Name

npm version Build Status

A nice, consistent way to display branch names.

This repository is a module of the full primer repository.


This repository is distributed with npm. After installing npm, you can install primer-branch-name with this command.

$ npm install --save primer-branch-name


The source files included are written in Sass (SCSS) You can simply point your sass include-path at your node_modules directory and import it like this.

@import "primer-branch-name/index.scss";

You can also import specific portions of the module by importing those partials from the /lib/ folder. Make sure you import any requirements along with the modules.


For a compiled CSS version of this module, an npm script is included that will output a css version to build/build.css The built css file is also included in the npm package:

$ npm run build


Branch names can be a link name or not:

<span class="branch-name">a_new_feature_branch</span>
<a href="#url" class="branch-name">a_new_feature_branch</a>

You may also include an octicon before the branch name text:

<span class="branch-name">
  <%= octicon("git-branch", width:16, height:16) %>


MIT © GitHub

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free