joyent-portal/ui/src/components/pagination
2016-11-22 16:52:26 +00:00
..
index.js Css linting (#66) 2016-11-02 17:34:08 +00:00
readme.md fixing spelling of title 2016-11-22 16:52:26 +00:00
style.css Css linting (#66) 2016-11-02 17:34:08 +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>
  );
}