remix/ui/runtime · Demo

View Source

Basic Counter

The smallest interactive Remix UI counter from the standalone demos.

import { on, type Handle } from 'remix/ui'

export default function App(handle: Handle) {
  let count = 0
  return () => (
    <button
      mix={[
        on('click', () => {
          count++
          handle.update()
        }),
      ]}
    >
      Ye ol' counter: {count}
    </button>
  )
}