bulma/docs/_react/bulma-customizer/src/pages/grid/Grid.jsx

import VarItem from "components/VarItem";
import { CSSVAR_KEYS } from "root/constants";

function Grid() {
  const ids = CSSVAR_KEYS.grid.map((i) => i.id);

  return (
    <div>
      {ids.map((id) => {
        return <VarItem key={id} id={id} />;
      })}
    </div>
  );
}

export default Grid;