- <!DOCTYPE html>
- <html>
- <head>
- <pstm-name>counter-card</pstm-name>
- <style>
- .counter-card { border: 1px solid #ddd; padding: 1rem; border-radius: 6px; margin: 1rem 0; }
- </style>
- </head>
- <body pstm-materialise-as="section" class="counter-card">
- <p>Counter: <span stm-text="counter.value">0</span></p>
- <button stm-action="counter.bump">Bump +1</button>
- </body>
- </html>
|