Function Example

src/routes/list/examples/ListDynamicRowHeights.tsx:7–22

({ lorem }: { lorem: string[] })

import { RowComponent } from "./ListRowDynamicRowHeights";

function Example({ lorem }: { lorem: string[] }) {
  const listState = useListState(lorem);

  const rowHeight = useDynamicRowHeight({
    defaultRowHeight: 50
  });

  return (
    <List
      rowComponent={RowComponent}
      rowCount={lorem.length}
      rowHeight={rowHeight}
      rowProps={{ listState }}
    />
  );
}

// <end>