Skip to content

Latest commit

 

History

History
76 lines (63 loc) · 18.3 KB

File metadata and controls

76 lines (63 loc) · 18.3 KB

Playgrounds

import PlaygroundTile from '@site/src/components/PlaygroundTile'; import PlaygroundTileMasonryGrid from '@site/src/components/PlaygroundTileMasonryGrid';

import DrawableCanvas from '@site/docs/assets/showcase/playgrounds-drawable-canvas.gif'; import Polls from '@site/docs/assets/showcase/playgrounds-polls.gif'; import ProgressBar from '@site/docs/assets/showcase/playgrounds-progress-bar.gif'; import InAppNavigation from '@site/docs/assets/showcase/playgrounds-in-app-navigation.gif'; import FootballField from '@site/docs/assets/showcase/playgrounds-football.png'; import PixelFont from '@site/docs/assets/showcase/playgrounds-pixel-font.gif'; import CardGameLayout from '@site/docs/assets/showcase/playgrounds-card-game-layout.png'; import Clock from '@site/docs/assets/showcase/playgrounds-clock.gif';

These example playgrounds contain sharable snippets of code. Click any of the examples below to start experimenting.

<PlaygroundTile
    name="Polls"
    author="mark"
    image={Polls}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcIAKB7ANmgziANCTATgMYIgCWUADigQC4AEwAIjAG6tm0C+9AZgSij0A5AAEAJmw60A9JQCuAIzRkiAWgiUywgDpg9tAJ6UY9ACoQMh+gF56AbRSVaZFGHj1MtAmTABzHHpWFFoYTA8weShFGAIAXT0iNy96WksVMI8CGAhxNzRrCyt7ONsHPXoHYQBNMOFAgFYARgAmOJwKqoA5FHr6ABY2jrBK+2EAWQhDGL7WgA4EsEW9XnkwIhc3Pl9xAHVfMF8-IoKACgBKDxPrYE60GAYoCAAPK-TrAB96SIwyn7ROrwaPRTkkwCk0lZ6CheKl0mQwudGJ1KmRYacAIRPZ70D5fSEFexNUoAPno2KJcSRtxGlTp2LKBMMKPoXE6bNpaJBDJsvO+8gw1JZtAAFgIAO7fGCSgCiBAEBFOwh6cKhQLW4gAdMJzuzOtlaPICCNsXoOYlkgwABI5SQEMoXWxk06dAA8rC8ECIAGsSSzXSLPT76CKYGQ-CLaDZhABmFqUZ7CeiWcNgWBgKPCKBkcTie7CP20un0V2YShe2KeMgALxg0dg4jIUSTMkLxcqrtCzwYmBrdeEmCeGCT4rDEczinQ4iTSTQNGjYBg8m8ljUYNCGYLLOLAHkTPoi3TXTIu7Q2+3S+WiJXe7Xo4P0i3z8XOzBu1W7wOh2gR2PI9HJzQad6FnedhEXZcCFXdcYAzNRRwgb0t0PYtACICbcSxPN8zwwy8K3tW9+wfYd6FbXDTw-Ijv1-cN-2EQDgNAggFyXFc0DXNwN1oeCciQ592waTUADZvSCEIwlwrDu3449AzSH0ZLkr1RNDWjMyaBMnzdGQPXk309F1A8wRSAAxFBxPtOxTkoARKHCRgiBFMggOyMAAH4PBYdhOE1GV7nTWgAGEnJc2CuCRGxnTdXTlMUoNRL8TR72o5MVD8NNYMzbNc3zehy1zI56xgRtmxDP9MzjTT+MqYAbKcTBNUc5zxFc+g3Lc-kMA5dsSwopiWMg6DOMynjEKTQjksfaq6SaBoQxQI1MHoJomnJXxlzCeh7l4WhJNPGSZCUhT-TLfDKJsHR8G-S7SPPY8YuOsBDL0LzpE1XJxEC+QvEEVAvDMYwYFOGlKkgWAPGEVAMCWmVnmgSh82GSpVPHDxLuyPwBQgAhLqR+hXLtDwYPfSLkUPYyGHsTAYHuDZXDAQJqdoABlGmYDptxSjsYnaE1b6YGZtJQiVHUWQphwRQgTAADVxPERmHitKXZdCcQuZA4buz56nBYgYXeEsannvJy16BVo5maIbJYIdXCHtE-LG38IqSqgJMU3SgL7zSOgk0SygXabN36D8CVppqgkEQap5KFOU5HGcenAgAfVYSx5BgKknRBDCXyO71c-bD2MozesczzGBdBQnqyrU6MWjmTTC+LNwkGyTBMBsYBHVJpnWdpzYwFOJxB-Obqa8qcOL1O68CL7aNnmIn9bubo9VDcVfizBusQYnmvqYH+nbD5Ef6c3muOuEKDGxQNRFGXWg3DUXhnJ-c+eoh6-XDvh+n4W2gVCLirnvds48QFkWrj1PCs9zpfkfCvSB08rw3nnsIReKUIEgI7PtYAp83BcGPPtVesl4pT3OGPSS9t+LG2LOLR+kJGTwjCJqbI4h5DXjjl6IggQiBGlcrQCKZIuH0AANQgT4ZlSkgQAAMhlaGm3FAcI4e5B5lBfmAPYSj-DXAuGLU2AAlMIApaCYEttbEYVk7bxVSqmL2A4fa0D9klOBJFHaFSzMVIOfsw6F2AJHZhMc44J0HoENOaAM5Z1JrvCe4sTDEEyhAPwpg7CTFFCwhaGi45hIzqRVIIRLBIgAFTLWkbI1eBojQjBdIgl81ZrGKPEKKaMTRSkAFJkJYKPPnd+dIUZ0RadI9pPTKgNKacAAABgAElqrEa8GZEkwC4K08ZYDOn0EnAQO0gV0DzmiWskZWi-AqPpvYaRXMT6Jw3jUrBl8CB+EUBAU4LQGgNBwNIt5bzNQtHOMA-Z7YIbUzBOIbGhg77KVDhk6cwzWTQqSMaWI+jchNk7i4t+1ziyYLWa6OpekQ7OKXu7NKJcsrl1ym452qKOl-NfO+Ucdd6JTgLMAbJizCHYSnhPAMpDoUdhnpWUZIpowNCEppBBfyjw4LwWAAhUkcLoovIdbl8qOwyBxbFc+x41WPRAXImu4VVkqqoSyGhdIKnGhztXd01i+nqTaVSqBNpciVkxT1YAksZZyzavQQxmBjGmKtjAG2Hhzb+DMYG6VhdXRmQshyxgGJ3Uq2KvQAAZMmi1nTXT31oI-A8+zNAmGxhAdY-YbIUBBb8zpE1KU9MbJgCAyhipdwxAfdmg8DV71bu3Tu3dBGeEVsrOWpxvAZwofK2NxZE0apkFmnNsbR2cpkNG0IBBpr3SVcWXVHJwp6D0G+agdB6CSANsY+gr1OB6FwCAVgsRexuAQE0LgQA"
/>

<PlaygroundTile
    name="Progress Bar"
    author="Oppdager"
    image={ProgressBar}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcIAKAnA9gcxTAzjgBAEIQogA0IOKAxgiAJZQAOaKALvsACIwBuv9NgF98AM3RR8AcgACAEz4C2AeiYBXAEYAbetQC0EJvSkAdMGZ79BAOghy5AYTU42aKEjQuAKgE8mMAApgM3x8SFh4aVRMbDx8DRJ8GAAPaCYtGCkyEPxsMAUUSOo0MDYUjgBeAD5OHNDisBd8AG0mdCxcHDJ8HBg2aI68AF18CvwGsuS2a2cYAGU2CDKAgGYABgBKOty+tRQwfADt0IAeXhcIagBrY9D8CB0MMFhSiqlqGFKYFHwoensMqYDncQQALGD0DCgthvACMazWAFIgSCQRhDG9YHJ6GooCjUaEmHZsWAMG8tCQMJlblVbqdzotrvFLlcsGg1PkHGgtKw3gBiABiAq4AFYHAA2KTjVhgb4AJTsOJwb1Eai0WilAHd-mxQXCEcjacCCadQRcmQlrmyOY5ubypHyuABOFYAQQRWp1euAAAMACTANoxTpCRE+oRGk2ok44IkfH44egALxgmJg2NxUpwoMMqakOAAjmoSJl8MpI1H8CdlGbGVcKwTqwyWQ3o7WWfh0Uw0xm8fhtXJdfqkVJW42NGo2K5zMbK7oSm8cJo2ChLmw9KJ6Or8ZX+163iKR3TUSVUJ0KsAAhtRjVev12rEcAEg4MCNV8ABZJag6xQCDJZ8H06fA9HweFuk2DYhGPUJyxgqsJynEp4NCecwDeYkNy3DUUL3Qc9SkQ9kVw09HwvK8b1w0I7wGR9AODOJ3y-XVf3oMB6NffAAGowLWbp4Ug3DoNnAk4JEu5q3ba4xyrZRm2k7YtmBYShCUswUhYdh8AUUQIDVDhLCUMxyBAXhvkTEoEFhIQgA"
/>

<PlaygroundTile
    name="In-app navigation"
    author="Oppdager"
    image={InAppNavigation}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcICSYC0BBADpgBAOQgDcBLAcwgBdiB7MEAGhAGcAnAYwRGKk2pYpzAAIjEIkK9HAF8cAMxbUoOAOQABACajxAekwBXAEYAbYm1QRMxZQB0wtigE9MMHAAUIpGK4WYmOALyCtjg4TDAU7p7wOAAUmB4w0UwULMRgpACUAQB8OITUxOoA3LZStrZstMluCegBscCh4ZEuUtEt3tS+Wf65McE4ADyEyRBsANYDIQDuhRQAFv7WIACMAAxrAKTLUzjzMGTzFEurG9sguxAmpGCwYMfLUIXqRi5sMPcwLDtgISHkmBORggLE8Pz+OAMY3GpAUejA6gAwtQjHwgYcKMY9DBwThsrtBhQYAAPARMYgALxgJ2JxOBoJxIGyLRw6EG2iJpPxvz+gwMegoFFoOFo3hgTCY-mAMR6uTCEQSMWUBmUGSk2QA4tQcEKcAAhdn8wW0bkhdkjCjQ7kZEp2MCVMDVFp6+oxRrylltGqeTrdHKxAbDUYTXazdQLE7rLa4kL7DGRs4xnBXMi3D4PEBPdQvN7pr5JgFAkFgi48kJQiaw6jwpEotHLSxgSalkKm3mcsmU6nLWn0kvMhL69kdttmo1C36iljiyXS2VNBWeJUQVXqrU67Vs7Tjk2B7QWq22G3lMAiMTECgAOgg2cRemSilc1GSABUnDA3QNILBosoCLBlHoAZpwRL5ogdDt-WAXYHWqRp7xgABlS0iWkeoIJJChbQhWCBAAbXiTxJA9BIAF16gQ5DKA-ZQV2PO0IVeAQ2D0FgQMXGBsL+JhZgoNh5liQiYCyaCyz+NgIDCFQV3gXYcNY9iWUCQYWjqEjPCldSYBkbRsi4iFy2nCBxn08TJJcZVlFksT5LY9MlKGZ0FxaTTmgSHS9Lkv4DCMkyvM0WQID0IwKGsgzxIU+zB2U1TnISVyOI80yygYv5pwoVjfn6GyhmMagJiYUcDOAFi7PuFoUvCw1UQKoqMgGFKpHqu0SV4fgcACoKQpwM9xAYEBCC+claAQFYpCAA"
/>

{' '}

<PlaygroundTile
    name="Pixel font"
    author="Oppdager"
    image={PixelFont}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcIAKBLAHjANgAgGIHswAXEAGhAGcAnAYwRBSgAd8qjtgARGANx5SIBfbADMq+KNgDkAAQAmvfkQD0TAK4AjTChoBaCExRSAOmFPLl2AOKYAnkwAWFbBCoxsCkSjAw52DVj4AO6mRPbuAMpqTCxsvjb2TtgAvNgA1jC2+CLYYUww2dZ2jhQA3Kah4UWJKRym2NhMEEQO8NgURFTeAOblYA1BKHItbWBqUAFUfQ0OMCjdDkSj45N9gn2m3kQwVCIQNO6oGJgAKjBoREjiTM7A9dg0DiiYcm5gbR1dYL33FCgAXjAAPzLCY7aYPfCYVgg9qdHprCo+NCxdgiNRgGhEFCEbBHLBnC4ACiY1wobXxp3OlzJAEo2gApCIADQAdABRTAwWDEOr9SFgDocB5PF5vUjtAHuVIAJglNChrFqUi0+zSUmwwlSpPwNwhCsF7G0Plqj2erxgYAA2gAGAC6rIoTG0RCJUiktP1hCF3QMtQAjF7DdhZvNFrUEiUrVIAIJSB2hhZECFc9iDYYOWo2lMwdhoADyIhEFFzWY2-INQsern22yo5LhX26VrttRb5YaxpgrJErHZ+wcRKJ1aotZ2tJSAD4+Q0GigcsOHDWsTsUslUhqPTPZw0C0WS+wANSpABs2EP2F9TAhO7cRDUVDAN81SJ3lfY3WKrWqjgjX4oVojmOVAuM4UQxKw2xyJGTh2s+87YESACEn6JBOdz8reuYPk+9wNIIeEisudYUKy6gUIOAAGAA8TQtIRDRyMkxggAAJMAqGOGRzQOARIAMbko6Cr2VBQMxICdBAgqYM0MBEuxe7Frmwg2rSLECV4mCYLoVBqFy4m8Ja+ByHI6mYbONDaEwOl6TABk8EZJlmTuyiTpRnqvrOikHueqScQ4rLpi056XgYz5BZmqTebmEKCB5Zj8hY2AAErcvgDm5LMgkQM8PShUw9wRdguh+WFnnvu0NAQFycgABJzEmbTcHwAisgAQtCNBpKRERShE8LfLUlHsYm4YAFSSoCghMGglFBkKFBVTVADqQwjNgzVKO1nXdayvWAv1TZDexRUTX8U0zXNnl3jhiGEdRjAQN0MACY9z31WGRDJMAo1CK9UBPTAq0Zt9EUEeZMwNYs32LdVvgfUm4M7gMa0ODDS2+MDLRI8jCiLV0TDYoQ31mmKlq2naONYedMAALLGXZLGaZgznIw+mDfZRcjNBA8BvTAygUDw3SHmgUCYKUI4HskACqJy4LoAAcpACQ01FC90qvIxF4knajfFazuv26z9UN-fxEPIw0-AwEEbX4Gg4k2tgzt6xmwgjWbBuW1bzMmwq0JUN7VtW2LmCCuJixEEw8AWEE8eBQAzKyrDdMoMo2pngvC6zVuTlr7FASu9asgAVvg3huh6VPI9R2fdPnluUTXrn3PF4OmJtrUQCZADCagdBISD4B0JzhESGENJAsBtFIABy0AwFIKv8m8ChUG0AD6BrbBcU7bg0N2PndlvUTwHRqiGZvif6mcAKQsdgOssbfNoPyALjaN0YA8l9LEaPgIgRAJCPyaCZHo4kZJUGeo-DQapujiAxHIXuioqDiQAMQygACzYOwY-K84kKAAy0ixRuIdsDUScEQS+BCWJEOqizEAZDyEUMpISdgNNvoAFZhAB1YOJIITxtikPqlpfAdc2HUmYVbOuVC1TSNrnIrq+VCHEMYQomRki96cOADwyEgcBFCJekw5arAXgSPQASKRhtWGWKpNoqU3DeGoIwUWLBXDM6kM3hY447CNGzlkRfLq-i67n2ocEwial+TgzikiCqMFnCpEntgFiNoWJtGSQ0FidEHDpJSSAWmXCXa1X9AANX9LVG0pSuElNKSeWqXDqm1RPOUhppSbQAC1aZYOwBUmUpTE61UTqUrBtV+k1KwQMoZpSZS1Umf6DpLEV47hYhFPJJ5lmzhYr9PJAB2e4ghNkvzyZk-JOS8ksW6cU-pFSymzPGZUupzSmmTM6UswiqzUbrM2VkkAOyEDYH2dEo5IAZQnI+SAc5ALLn+mKY0ipLTZmNMGZM0ZwyaktPqVUmpZTRn9MGcM2Z8yxkzMebc9piyyAQrWQCjZEL-ltCBfhEFidwXmWyTxC5BTnY2meRUxpRKpmNNGS0mpjT6llJqVUvFLyRnTMGf02ZwyKlVLeVS9lIAaVtDpRqhlgKDkgqwWylZkLOXQoKUU3lyqSWzLKYM7F0z6mNIxXKxpnTaYymwMMtFUyZSUp+fkrV2AdUmr1UyzUIKuHGq2aa+i5raZnl5VUlFTT+mjIdWUp1TSWmDIFSShFFL3kaqDSGmNYaDX3BYieaNvyoVtBhXC1piq2mDNFW0iVTSqnkvdZ6iZvrqn+upV82lAbtlmz2RW-kLF9kAtORyuN9buXFMRS2uZcrhkdplQS0lxLVWDuLcO7Vo6-njoBeGw5laQCKxrWcs1i7CnFLKSq0ldrHk4qec655ubSUtP5RSq5yKSUTK6T0+5rTJl+qLSaktx7y3AsvQAThvfO3J8bYW8vhc80Zn7Jkdpqd6tdgy7lktqT27Agq+kzP3dBw9wbYOnsZZO35MZkOxtQ-ez1vLiV5sxWump-SsUvqbf+z1aa133OozGmD9KGP6vg1OkAbVWN1vyQ+pNH7s1Cp-a0t1IGvVAcI100T4HSWQfVTRjM3yZOfQnfJ35vdlN3tU+htpBaKMGdRc8sVTzJUkbKWq490ndWyfPSCzgjmF2qZ6ep+pkzvMitJZh15emlXCfw3KiDknflBdDSFpj+T2QRfY6pxNjz6ltvxW0sDBaAtDssyO6zSZbPMsvbgIrXLaY8r5Ta1dAnHm1YPfVo9jXFjNYjZeqw7W0PLrS2un1rafOdtaf5rLgbaOlt+XBlrCnapTfvV15trznmxf7YJgbFnIsbfyVt8bCmACSe3VNdd-Xx47b7839dW58obdGRtEDGxehTDJHuXNK3Fkl6ammZraS687Un1v0Zs2e-LLEADSIOCmcbKxD6ZfbytNOFeJ1zzyuOtMJSSuH2WEd-YByCgAMhjj1xSqn4-44W8z8OftXbHUjxjdnVOM4O2TndOn2m1V2RplN82SVna+5q2juzEdNeR-zlic9BfXOF4K3lvHwcEb63uqDnPLtK9Gyr7bvz8yM8tbU5976s0ur-e6nplG+0LKN1Trnpv-vm9u78pAGuWc48Ay9t1lSjO9KmcSszgXqfBd53Ji3+SACK1vH2tIzU89Fa7WdtIS07vTrvpmjPmXLnLZa8uq5AMlQPTyxPZ9w151doexfO96SSlN7uOee5NzT33gPfkREZy5zDzaQ8E8W32ojpKu2kbL3H3LCfQuXpOIz0rs++vEpaZTtbXu+986TyxGWgePNi944b7vu-e-x+Vwfv3+TSmM6x9K2pbOTvxZJ3Nin8+9837N3fgffJZaE-SrcnSZb9XlCXB3L-bPA3dnWPH7RXffRPe-FiZkEAkXHXRLOVXXOVOA0ZYjC-BA6-RfW-FAwAliAATSf2ZyEwVSeXAKq0-wg2-w9yv2K25xPSXxRxAEpQyQhRU1B1oIqXJ0q1xWxwq3XSj2wJqx-xIIr24KrwgGH3bx40n0eQIOkNtXKQj3B08xjzq3kM20r0PxAA0BoJixhy-SYP6Tb3oKnzkI4O91p0vRoBUL-TA28zw0eW0K72IOKy4WcP7xBVMlnQEKcyENJ20PtShyeW3wjynyA0cKsz-x9wAJBWMX4I1UEIKVhQ8KwwM3FVfx8NtwjxTTA0TmSIa1SJcIUxEDT15RuVqVmWTVqXqWGW-VSwLzYO+0i0COQOXwU01jCOyIiNyPb140aV2Wx3B3EKqV8N0KJzTSqOGxqOCMvWKznTYw6yFyRSmVwPoNlx6Pl1-1IP-3IJBRQEZ0TnIzFyfWmRaKmV8yDz1yo2OKDSwSCPSMvVLmuNuIwy13bTXWmKD0JRWOwH6LWO+IUzSAwO3T2KlysNwPSxlSOMv16KcIGJ4MYSyJNRyM62KQbyeUz2fR3wxLyU+KxKrygA10o3cxXSgLz1e312JJ0PeIVy+IuMvTMBGLxLGIJPyNwLA0Ez8MMMxKhK5IU3wHcKYLbSKOeKEwWSZz7U8PBM4JuwoMhVpNKWmIeUJxXUwzIzExYIMMGyMOuxMNQJAAAEc1929CC5VfNJlpjf0I9jTTM1TOTBjfkqBaTZStCZcyVPSqTTCKAZSV1Kt9SJ9BM+1NCYiFj2TTiFCyDvT8k0iD5b1ItLlosPt5iDMN0m8WCXtktEzzSecUyeC1A-SHkt91Cu1gyJTUyWIeAaDn1NC39XsoyKl9C2T0STiyyuCKyq8QheSY18TnZKN4TCNicJcEt39HValIdRSzTiskDGyeC0BqyRc3NV1PNP1kTAzM8t1migzSzxSzj0ymyQBbAtyS9Wk5SGCdTsds85jez-CUiLzajfl-g-SDTpCfUXUYzFyO8HjTy+zy9jDFDTDN4Ncii20yT+zzzkzzirzdANcCMc1w8zyPzkLLyeDWQNdG8xMEKg05QQyrSVZRza1+SbjNDBNdSs8RlwTE4vSeCiQGiPsHT2zAycM8Dty2kSLaNITPz1iFM1IqLMzitLkbj1NyVUtuLQTZVsN+LhlBKfthLcKvz8kkILCNC68lsZU1LIsyL1yq9DxWzpyWk7z6liL+1lyLskLIKhzTCxoZTydMMJdZlMLFYcCmlGTP0CzfNbL6CEzwLaNlZyLNSgQOL7i8ymiWCOiIdHy2c7zOjutdNsLqiRLoSO5kRUQPAYA9g9J2Au4SByAHJ6wcQwAEB-RBAgA"
/>

<PlaygroundTile
    name="Card Game Layout"
    author="pl00h"
    image={CardGameLayout}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcIDCEBOATABAcWjTAMhAJ4D2ArgC4gA0IAzqgMYIgCWUADqapZsABEYAN2FtKAX0wAzVKSiYA5AAF0IsZQD0ncgCMANmyYBaCJzaKAOmGtDR4gHQR06JOXqV5ABVIeAKsScMAAUwNaYmJCw8EoAcniKNOGYqDBgaqgxoZjuMADKlBCUMDQ59DAAkmDFqMIQ+pgSAJSYALwAfPzJEd0pMJTkqGCYwb0RADwGpEwA1vSYABYwbADmC5StYSCF+vqWIBLtYxGY4wBCpGhYmkfDJxOaU7P0t-dNyRLWzdY-YDAAHtxeJgmKQwB5MBcrm0Ri0Ol07slQeC+DM0FAIAAlUgAd3mrUwAG0ALoAbmS0h4I30-UwaNQGOxOJhAAZSXT0VjcadMABGdkAagF9MZuJaYTuEWREKYMF2+KJZN6lNQ1NpoIaBLZINIDXGfIAzIKBRrxcdZfKHDp6AtRpL7qckHL9AA1NgwHEAaU5mBuxya5Ptn3tIq5eKt7lt4wWHggs3awAt+noEnGmhjhXjAY+vylYIhCwg6SZCpJgYiKrVfELxe5WvZNfQTJ5-MwQsbTLN9rzKL6GLYwwJAFZzfm+EnS8TjpXgjS+Kr6ykeal+2Bjaguw6ThOIza7Vv7uNXgfD8JY7NFss1ht9gA2Fmcf77TA4tjoSgLVr7A2P59+7sHuMZ6ZjMx4noeGZxjML5vh+X4gLyLIsgApM+SyrOs8E-k+IC+mB4ETJBszHARug8Bkmz7B+RgzPswYEVu9SrGAsDVJRIBQG+6A0iCaQ1HRJHgaCQwwKgmLOGw7jsfQGK7AJAEEa+76fvsAAsD44YJJ7ode8H3r+IBaQeuhQSscjkOkSC6jw7E4gs4gwPJDEnO0aZEaBRkQee0FKXB+yIShaFXph34GXhnmnJowFQfhJ5Ad5l4YTeID6ThMHKVhYX-gRaaxSc2YAfRJwdri9C7lG7kJhOqbpt57QFREwbJHOmBQKQwgwH4AJ8AS+x+EsmArHgmBsPMYIrKQA4rPs5aYC1MwVMiMSLWC8SwDC+yhjNzW0tIK1gMtyJrfgvUgMilByB1qD0Gw9TbXcLVQPth2rcNp1teg90RC1pDPZg+3HRtID6Jcn0gLNLVGGCVkgwumD7F9c20k9yIw1Sp33bmfQDEMIy9PFIF5dGCW+SpCFIahuE6SFIDYX+RMAF4JUxKwsXx7GcS4PGytUol0XlEzRReLNs2xWyc9x+A8-xByYJwzjoFN8EyfUewgALJzjPQ8uyqqN0MzA8GwIr5BQPs2XgcThMRQTUGYCLrHJRLNL7BrW5azromYPrhv7Mbklm7hFs5VFdU29rcZez7yuyWr4UKQ6tsXsJfxiRJUn7Crcm4Q77Pi1x3N8XzBxuw6wChiWRXOcAJV4lXDE10WTalfXOXuelfnk4FVPBclABMWWlw8QseQnDyVUZHuR3rbAG0bMAm4H8dt95EWk+xAWU63B7UxsWwDzh29biZsxmRQlnWag7EAMRmSQTnga5tXW2Ppzt+vWyb3RiW6VsQ4GVIYOgF3IRVzmxP2Bd8Cxl4AjV+EQhqcBjqrWBzld7sT7hpB+ilYKfk-hTLBB4h5vwSmgvB3cpDr32AAdkHjbKGwxo77H+FnOOGobLAHoWjVAUgoiG3LvtQBRDxj0O9rPX2IBmGx2fGwq+HDUaXx4XgTYe1kSCLociURc8mEsOkZfTYKNoYKMiEo4ABiwBqLgacERjCJE6NwjIzYnCjG8M2L9VRy8GJWztqQ-y+DZaUNprQyx4xij-HHHo-YBgoLPhsXYohERTHtU6t1I+idNChMoKXNyYdX5eIvB-Xx5Cf6YS2DQw+Hi4ogMsQUruW8Io+JAAfAhJ4T4zDPhZVweith32IM0h0QD3YR11po8R-tTb00nhPYJI97aGFZo7I2kDXYRQmEMqOYikHZwqZbUOL9nJT2GbEqRQchEzJTqJcSJt6CbLjmAveECuZSyLqgfmKziEgQ7mTL+PckrwSaSct5jdax10BbXFMgKK4txtrsmKk9n6wtyWsmeWiOILwDhM1+QLm4goTmmEeRNNBMz2ZrGF8ZkgFQkIGawAIgThN7E6XYboPTegZBAGEwQ4SdAlN9dUl8gZ2QcojVIONhj7k1kTGZaD9gYLCgE3kQT3b4sEnknyOD4LfOKcleVaUBmayqQRO5HNIG8V5i8g4RkyIYFEuxaixFzWv3OWnK50ljmpIiHK-+mlX5SsaZgwyr9WntIvrDTYMjUlPymZUkmarCmU01eqhVaSlUASTtBH1Mq0pysTQ8Y8FKqV-EBDwOlEIGWundDiAAYu6fQWACQcraFypEY4Rr0C8PoEgEADAwC4UDa+fcqHSAgEhRGLUmBXAKHbXq9oVXHEtRRLYtraL2sYnM0W9yOLGulsXbejrLmSWuVsOx28AnqQMscH1qUUEOkDeZYN7D9gCuKAQiNOSsbCsGKK-GEqSG9z0n6z5mUdXfuJe7d+MbalBV+dK7NZcx0YAnbMVJKqAOxsg7paDQHjh4pyYqn9UGUr-oCXTAF06LZ5t+NSwtwJpR8FLUynEAAJJu7LOUIh5XwXQKwe2nWvtIPj-HYE7T4KNNtHau3cfhiAHpmM7jvtxmKiYwHvG-rvIR8DxHtmCwShrZDcq-HxtCph3FRK7aGoeZLE1Mssn6oYnO61C77J2rdScQ1+dHmWe3RFXd6cD2Z1dRFOzqAuGONbe24gnaaRcOc+68Dp6vWoJUwRs9lib3n06SG4AnGotGRfSB4Bq8UumVvelmykT212rXmqrYBpbwAPqb+rYcW+n3F1Q8EzZLcVgYyqhn56HAlGfdqS0euGPkXrU91-rGLDxkcDJSijNgC20swGoQd5B9B8DsBoWgIAro3TBAgXkEggA"
/>

<PlaygroundTile
    name="Clock"
    author="Oppdager"
    image={Clock}
    link="https://developers.reddit.com/play#pen/N4IgdghgtgpiBcIDCAbA9gYwNYgDQgGcAnDBEASygAc0iAXAAmABEYA3N8ugXwYDMiaKAwDkAAQAm7TnQD0VAK4AjFOQwBaCFXIiAOmH18FYDHXJowDAOYw6SBUSIwwdACqUYACgCUTfQwYMCwJGMDQAdwYAXgYwGEjmCDovb39A4MYACzQHAmiGAGU6InIwK08w8IA6GzoACRyiAh9vKqoICSKIek8AJlxRAAYRVMt0sBCGKFKFZLyYopKyioia2wBZGbmWto6unv6hkbSgicYCGFOJecLi0vLKtboCy4trnfbOum66PoGRYajAJOOgOSwAAwAJMBsrluPBodMwLMYAR4dCLlc0eD9Nx9PpWBwuFUOhJ7CEhAAFNAhVwATyoXmAaUgsHgolQmCwIlwaUyMHIVkydHZIicVgUKG6PLSTjAUiI7NOyQAHowogA+PxjAKnSYAbTMsAGFzcHgAuvllTA1VUFBcuslPD5olravZHM4zbAWmldRkGGZsPkXZqGKb3D7Q27bB65d6UkCAuNVXQ7RcAJIuGBENgQFCeINYAYARkG5daIR+PnxOoYILBDE8fuTAB42FXg-nBWBYC4oiIMF6c1NyBIJCgYCIGPzBcKB2XBgBSEQalvJhit1Ph8gALxgA5VKqlRBsq+ARpg3FbslTa7rARvHe+2HvG6TeLA3FG+htNHoDBSHwECSowhIyPoeAgGwOYEOYYAICW3BAA"
/>