Grids & Layouts
Elastic Tape
Elastic tape feature grid with stretchy animations.
featureelastictapestretchy
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
items | Array<{image: string, title: string, subtitle: string, description: string}> | [{image: '...', title: 'Section', subtitle: '1', description: 'Drag to interact. Scroll to seek.'}, ...] | Array of tape items with image URL, title, subtitle, and description. |
backgroundColor | string | #facc15 | Background color (hex, rgb, or hsl). |
tapeColor | string | #000000 | Tape border and text color (hex, rgb, or hsl). |
warningText | string | WARNING: HEAVY LOAD // | Warning text to repeat on tape. |
scrollText | string | SCROLL TO SEEK | Scroll instruction text. |