| 281 | @customElement('my-app') |
| 282 | export class MyApp extends LitElement { |
| 283 | protected render() { |
| 284 | const { pathname } = window.location |
| 285 | |
| 286 | return html` |
| 287 | <div> |
| 288 | <p> |
| 289 | These components are using <strong>fixed</strong> sizes. This means |
| 290 | that every element's dimensions are hard-coded to the same value and |
| 291 | never change. |
| 292 | </p> |
| 293 | <br /> |
| 294 | <br /> |
| 295 | |
| 296 | <h3>Rows</h3> |
| 297 | <row-virtualizer-fixed></row-virtualizer-fixed> |
| 298 | <br /> |
| 299 | <br /> |
| 300 | <h3>Columns</h3> |
| 301 | <column-virtualizer-fixed></column-virtualizer-fixed> |
| 302 | <br /> |
| 303 | <br /> |
| 304 | <h3>Grid</h3> |
| 305 | <grid-virtualizer-fixed></grid-virtualizer-fixed> |
| 306 | <br /> |
| 307 | <br /> |
| 308 | </div> |
| 309 | ` |
| 310 | } |
| 311 | } |