Neptune 9-Slice Component

Neptune is a React UI toolkit for the web.

This package provides a React component to generate completely dynamic 9-slice surfaces.

Installation

npm install --save @paradigmjs/nine

Example

import * as React from "react";
import { default as Nine } from "@paradigmjs/nine";

class MyComponent extends React.Component {
	render() {
		return (
			<Nine width={256} height={256} corner={85} image="/images/myImage.png">
				HELLO WORLD!
			</NineSlicNinee>
		);
	}
}

9-Slice Documentation | Full Documentation | Source Code