How to use the @gitgraph/react.templateExtend function in @gitgraph/react
To help you get started, we’ve selected a few @gitgraph/react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
nicoespeon / gitgraph.js / packages / stories / src / gitgraph-react / 5-templates.stories.tsx View on Github 
.add("without commit hash", () => {
const withoutHash = templateExtend(TemplateName.Metro, {
commit: {
message: {
displayHash: false,
},
},
});
return (
{(gitgraph) => {
gitgraph.add("without commit hash", () => {
const withoutHash = templateExtend(TemplateName.Metro, {
commit: {
message: {
displayHash: false,
},
},
});
return (
{(gitgraph) => {
gitgraph.add("without branch label", () => {
const withoutBranchLabel = templateExtend(TemplateName.Metro, {
branch: {
label: {
display: false,
},
},
});
return (
{(gitgraph) => {
gitgraph.add("without commit author", () => {
const withoutAuthor = templateExtend(TemplateName.Metro, {
commit: {
message: {
displayAuthor: false,
},
},
});
return (
{(gitgraph) => {
gitgraph.add("without commit message", () => {
const withoutMessage= templateExtend(TemplateName.Metro, {
commit: {
message: {
display: false,
},
},
});
return (
{(gitgraph) => {
gitgraph.add("with custom branch labels", () => {
const customBranchLabels = templateExtend(TemplateName.Metro, {
branch: {
label: {
bgColor: "#ffce52",
color: "black",
strokeColor: "#ce9b00",
borderRadius: 0,
font: "italic 12pt serif",
},
},
});
return (.add("with custom tags", () => {
const customTags = templateExtend(TemplateName.Metro, {
tag: {
color: "black",
strokeColor: "#ce9b00",
bgColor: "#ffce52",
font: "italic 12pt serif",
borderRadius: 0,
pointerWidth: 6,
},
});
return (@gitgraph/react
Draw pretty git graphs in the browser, with React
