Head Management in Ripple

To manage the content within <head>, you may simply use the <head> tag directly within the component. It works with both static and reactive data.

ripple

import { track } from 'ripple';

export function App() {
  let &[curr_step] = track(0);
  return <>
    <head>
      <title>"Step "{curr_step}</title>
    </head>

    <button
      onClick={() => {
        curr_step++;
      }}
    >
      "Next Step"
    </button>
  </>;
}

Head Management in Ripple ​

Head Management in Ripple