React.children

import React from 'react';

type Props = {
  children: JSX.Element[] | JSX.Element;
  margin: number;
};

export default function Stack({ children, margin }: Props) {
  function wrapChildren() {
    return React.Children.map(children, (child) =>
      React.cloneElement(child, { style: { ...child.props.style, marginBottom: `${margin}px` } }),
    );
  }

  return <>{wrapChildren()}</>;
}

Similar codes

0 vote235 views1 answer
Number of elements in circular queue
TypeScript
0 vote233 views1 answer
How are uv rays produced
TypeScript
0 vote235 views1 answer
Typescript http request
TypeScript
1 vote257 views1 answer
Andonis many to many detach
TypeScript
0 vote228 views1 answer
How to reorder boxplots in ggplot
TypeScript
0 vote266 views1 answer
Flutter create widget for each element of list
TypeScript
2 votes255 views2 answers
Capacitor icon and splash
TypeScript
2 votes255 views2 answers
Close mat dialog from component
TypeScript
1 vote256 views1 answer
Adonis prepare create
TypeScript
1 vote238 views1 answer
Track changes of input in angular
TypeScript