Sandro

@sandroroth.com

35 Followers 29 Following

Software Developer based in Switzerland 🇨🇭 🔗 sandroroth.com 🔗 tinytip.co

A code‑puzzle game that displays a list of pieces containing code fragments which must be arranged on a canvas via drag‑and‑drop to create a working snippet. On success, the pieces turn green and a party‑popper animation appears.
A Visual Studio Code screenshot showing a TypeScript code snippet for defining German translations. The cursor is positioned at the value of the translation key "sidebar.navItemToggle.label," and an autocomplete popover suggests the default English translation "Toggle {{ title }}" as a possible value.
```tsx <!-- Approach 1: as prop --> <Dialog.Close as={MyButton} variant="outlined"> <Icon /> <span>Close</span> </Dialog.Close> <!-- Approach 2: asChild prop (Radix UI) --> <Dialog.Close asChild> <MyButton variant="outlined"> <Icon /> <span>Close</span> </MyButton> </Dialog.Close> <!-- Approach 3: render prop (Ariakit) --> <Dialog.Close render={<MyButton variant="outlined" />}> <Icon /> <span>Close</span> </Dialog.Close> ```