react-dialog-polyfill

#+TITLE: React Ludum Dare #+AUTHOR: Jaxson Van Doorn #+EMAIL: [e-mail] #+OPTIONS: num:nil toc:nil

• React Ludum Dare

[[https://img.shields.io/badge/status-deprecated-d43d3d]] [[https://www.npmjs.com/package/react-ludum-dare][https://david-dm.org/woofers/react-ludum-dare.svg]] [[https://www.npmjs.com/package/react-ludum-dare][https://badge.fury.io/js/react-ludum-dare.svg]] [[https://www.npmjs.com/package/react-ludum-dare][https://img.shields.io/npm/dt/react-ludum-dare.svg]] [[https://github.com/woofers/react-ludum-dare/blob/master/License.txt][https://img.shields.io/npm/l/react-ludum-dare.svg]] *** WARNING: This package is deprecated and no longer maintained. *** Development has been moved to [[https://github.com/woofers/ludum-dare-badges/tree/master/packages/react][@ludum-dare-badges/react]]; consider migrating.

Display Ludum Dare Game Jam results in React.

[[https://jaxson.vandoorn.ca/react-ludum-dare/][Live Demo]]

Note: This project is community made and not endorsed by the offical Ludum Dare creator(s).

#+CAPTION: Widget #+ATTR_HTML: :style margin-left: auto; margin-right: auto; [[./screenshots/widget.png]]

• Installation

Yarn #+BEGIN_SRC yarn add react-ludum-dare #+END_SRC

npm #+BEGIN_SRC npm install react-ludum-dare #+END_SRC

• Usage

#+BEGIN_SRC js import React from 'react' import Widget from 'react-ludum-dare'

const App = () => ( ) #+END_SRC

Simply add the game widget to the React application using JSX.

** Props *** Game The namespace of the game on the ldjam site Required

game requires both the Ludum Dare number and the game title (eg. 44/alien-e-x-p-a-n-s-i-o-n for Ludum Dare 44) *** Show Icons showIcons indicates if icons are shown. Default: false

If un-set no icon will be placed beside any category. *** Use Placeholder usePlaceholder indicates if placeholder content should be used when loading. Default: false

If un-set the component will simply be hidden until data is loaded from the Ludum Dare API.