# 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](https://www.npmjs.com/package/pui-prismjs) package.
It is a wrapper around [Prism](http://prismjs.com).

```sh
npm install pui-prismjs
```

You will also need to include a Prism theme.

```sh
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

```html
<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](http://styleguide.pivotal.io/)


*****************************************

This is a component of Pivotal UI, a collection of [React](https://facebook.github.io/react/) and CSS components for rapidly building and prototyping UIs.

[Styleguide](http://styleguide.pivotal.io)
[Github](https://github.com/pivotal-cf/pivotal-ui)
[npm](https://www.npmjs.com/browse/keyword/pivotal%20ui%20modularized)

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