@shakthillc/components/src/PropDefinition/PropDefinition.js

React generic components for shakthi products

import React from "react";
import style from "./PropDefinition.module.css";
export default function PropDefinition(props) {
  let object = props.definition;
  let html = object.map((obj, i) => {
    return (
      <div className={style.props}>
        <span>{obj.name}</span>
        <span>{obj.isRequired}</span>
        <span>{obj.type}</span>
        <span>{obj.default}</span>
      </div>
    );
  });
  return (
    <div className={style.propContainer}>
      <div className={style.propHeader}>
        <span>Name</span>
        <span>isRequired</span>
        <span>Type</span>
        <span>Default Prop</span>
      </div>
      {html}
    </div>
  );
}