Fragment

<>...</> groups several siblings and is handled by the compiler. The Fragment export is the same grouping as a component value: it returns props.children untouched. Use it where an API expects a component, for example <Dynamic component={Fragment}>, or to give a conditional a name.

import { Fragment } from "@shadow-js/web";

export function Pair() {
  return (
    <>
      <Fragment>one</Fragment>
      <span>two</span>
    </>
  );
}