ink-react

ink-react is a set of React components for building responsive email templates.

Uses React and ZURB Ink undef the hood.

Installation

The package is not available on npm yet.

npm i --save ink-react

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import {
  Email,
  Button,
  Container,
  Row, Col
} from 'ink-react'

ReactDOM.render((
  <Email>
    <Container>
      <Row>
        <Col width="four">
          <Button class="alert radius" href="#">Cancel</Button>
        </Col>
        <Col width="four">
          <Button class="success round" href="#">Click me</Button>
        </Col>
        <Col width="four">
          <Button class="success round" href="#">Click me</Button>
        </Col>
      </Row>
    </Container>
  </Email>
), document.getElementById('main'))

Documentation

Ink

The library uses Ink styles undef the hood. So you might want to check them out as well here.

Components

Grid components:

• Container
• Row
• Col

Controls

• Email
• Button

License

MIT