joyent-portal/ui/src/components/pagination
2017-02-16 12:37:46 +00:00
..
index.js baseline composer 2017-02-16 12:37:46 +00:00
readme.md fixing spelling of title 2016-11-22 16:52:26 +00:00
story.js moving stories to directory folders 2017-01-11 14:22:42 +00:00

<Pagination>

demo

const  React = require('react');
const ReactDOM = require('react-dom/server');
const Base = require('../base');
const Container = require('../container');
const Row = require('../row');
const Column = require('../column');
const Pagination = require('./index.js');
const styles = require('./style.css');

nmodule.exports = ReactDOM.renderToString(
  <Base>
    <Row>
      <Column>
        <Pagination>
          <a>
            <span>&laquo;</span>
            <span>Previous</span>
          </a>
          <a>1</a>
          <a active>2</a>
          <a>3</a>
        </Pagination>
      </Column>
    </Row>
  </Base>
);

usage

const React = require('react');
const Radio = require('ui/radio');

module.exports = () => {
  return (
    <Pagination>
      <a>
        <span>&laquo;</span>
        <span>Previous</span>
      </a>
      <a>1</a>
      <a active>2</a>
      <a>3</a>
    </Pagination>
  );
}