@arigato/fondant

Manifold's UI layer

Usage no npm install needed!

<script type="module">
  import arigatoFondant from 'https://cdn.skypack.dev/@arigato/fondant';
</script>

README

šŸŽ‚ Fondant

The reusable, signature icing on the many cakes and pastries we bake.

Developing

npm run dev

Fondant is now viewable at localhost:6060

Adding Components

Add a README.md file to your component folder to showcase it in React Styleguidist (instructions).

React component example:

```js
<Button size="large">Push Me</Button>
```

You can add a custom props to an example wrapper:

```js { "props": { "className": "checks" } }
<Button>Iā€™m transparent!</Button>
```

Or disable an editor by passing a `noeditor` modifier:

```jsx noeditor
<Button>Push Me</Button>
```

To render an example as highlighted source code add a `static` modifier:

```jsx static
import React from 'react';
```

Examples with all other languages are rendered only as highlighted source code, not an actual component:

```html
<Button size="large">Push Me</Button>
```

Any [Markdown](http://daringfireball.net/projects/markdown/) is **allowed** _here_.

Releasing

Make a new release with a new tag from master.

Travis should queue the release to NPM, which takes anywhere from 5ā€“30 minutes depending on the current queue.