React component to annotate your components — useful for prototypes and proof of concepts
npm install @matt-dunn/react-wireframesReact component to annotate your components — useful for prototypes and proof of concepts.
---
---
``sh`
npm install --save @matt-dunn/react-wireframes
or
`sh`
yarn add @matt-dunn/react-wireframes
`jsx`
const AnnotatedMyComponent = withWireframeAnnotation({
title: "MyComponent title",
description: "MyComponent description.",
})(MyComponent);
`jsx`
{/...application/}
See Storybook.
This example shows a set of components annotated using `react-wireframes`.
`jsx
import ReactDOM from "react-dom";
import React from "react";
import {
WireframeContainer, withWireframeAnnotation,
} from "@matt-dunn/react-wireframes";
const MyComponent = () =>
const AnnotatedMyComponent = withWireframeAnnotation({
title: "MyComponent title",
description: "MyComponent description.",
})(MyComponent);
const app = (
);
ReactDOM.render(
app,
document.getElementById("app"),
);
``
The MIT License (MIT) Copyright (c) 2020 Matt Dunn