@lucasbassetti/component-preview

Preview component that pairs a live render with its source code.

Install

npm install @lucasbassetti/component-preview

Usage

import {
  ComponentPreview,
  ComponentPreviewProvider,
} from '@lucasbassetti/component-preview'

export default function App() {
  return (
    <ComponentPreviewProvider>
      <ComponentPreview source={`<Button>Hello</Button>`}>
        <button>Hello</button>
      </ComponentPreview>
    </ComponentPreviewProvider>
  )
}