pui-css-code

pui-css-code

A CSS code component that can be installed via this npm package. This package provides all of the CSS you need to use the component.

By default, code blocks will not have syntax highlighting. To enable this, use the PUI PrismJS package. It is a wrapper around Prism.

npm install pui-prismjs

You will also need to include a Prism theme.

npm install prismjs-default-theme
# or
npm install prismjs-okaidia-theme

Installation

To install the package from the command line:

npm install pui-css-code

Usage

<pre class="pre-unstyled"><code>class Foo
  def bar
    puts 'hi'
  end
end</code></pre>

You can find more examples of the code component in the pui style guide

This is a component of Pivotal UI, a collection of React and CSS components for rapidly building and prototyping UIs.

Styleguide Github npm

(c) Copyright 2017 Pivotal Software, Inc. All Rights Reserved.