Tetris
Tetris background component, you can even click on a block to eliminate it.
Note: This component requires theme-colors as a dependency. Please install these using following commands.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | "" | Additional class names to style the component. |
base | number | 10 | How many blocks do you have in a row. |
square-color | string | "" | Square color. |
Component Code
You can copy and paste the following code to create these components:
Tetris.vue
Credits
- Credits to Whbbit1999 for this component.
- Inspired and ported from Nuxt UI Home.