How to use the @gitgraph/react.TemplateName.BlackArrow 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 / 2-orientations.stories.tsx View on Github 
.add("horizontal reverse (black arrow)", () => (
{(gitgraph) => {
const master = gitgraph.branch("master").commit("Initial commit");
const develop = gitgraph.branch("develop");
develop.commit("one");
master.commit("two");
develop.commit("three");
master.merge(develop);
master.commit();
}}
))
.add("vertical reverse (commit after merge)", () => (.add("blackArrow", () => (
{(gitgraph) => {
const master = gitgraph
.branch("master")
.commit("one")
.commit("two")
.commit("three");
const develop = gitgraph.branch("develop").commit("four");
master.commit("five").tag("important");
master.merge(develop);
const feat1 = gitgraph.branch("feat1");
master.commit().tag("v1");.add("blackArrow with reverse arrow", () => (
{(gitgraph) => {
const master = gitgraph
.branch("master")
.commit("one")
.commit("two")
.commit("three");
const develop = gitgraph.branch("develop").commit("four");
master.commit("five");
master.merge(develop);
}}
)).add("blackArrow", () => (
{(gitgraph) => {
const master = gitgraph
.branch("master")
.commit("one")
.commit("two")
.commit("three");
const develop = gitgraph.branch("develop").commit("four");
master.commit("five").tag("important");
master.merge(develop);
const feat1 = gitgraph.branch("feat1");
master.commit().tag("v1");.add("horizontal (black arrow)", () => (
{(gitgraph) => {
const master = gitgraph.branch("master").commit("Initial commit");
const develop = gitgraph.branch("develop");
develop.commit("one");
master.commit("two");
develop.commit("three");
master.merge(develop);
master.commit();
}}
))
.add("horizontal reverse (black arrow)", () => (.add("blackArrow with reverse arrow", () => (
{(gitgraph) => {
const master = gitgraph
.branch("master")
.commit("one")
.commit("two")
.commit("three");
const develop = gitgraph.branch("develop").commit("four");
master.commit("five");
master.merge(develop);
}}
))@gitgraph/react
Draw pretty git graphs in the browser, with React
