---
name: Blueprint
route: /components/blueprint
menu: Components
---

import { Playground, PropsTable } from 'docz';
import Blueprint from './Blueprint';

# Blueprint

> The blueprint is the skeleton of a component and it's used to scaffold a new component.

> **How to use the blueprint:**

> Duplicate the folder: `/src/components/Blueprint` and use it as the starting point for your new component.

> **This is used for dev only, the blueprint is not exported as part of the package.**

> Make sure to remove this block.

## Usage

```javascript
import { Blueprint } from '@snowpak/powpow';

export default () => (
  <Blueprint propA="Stark" propB="Where is the tesseract?" />;
);
```

## Props

<PropsTable of={Blueprint} />

## Examples

<Playground>
  <Blueprint data-cy="sp-blueprint" />
</Playground>

<Playground>
  <Blueprint propA="Stark" propB="Where is the tesseract?" />
</Playground>