Skip to main content

Versus Stripe

The VersusStripe component displays a comparison of two services providers. It displays a block of text consisting of two columns - one for each company (See Example below).

Versus Stripe

Directions​

  • Copy the component below and paste it into content section of your BP Post in Hygraph.
  • Update the strings companyA and companyB with the names of the companies you are comparing.
  • companyAStatus and companyBStatus have three possible values: 'check', 'x' or 'none'. 'check' and 'x' will display icons next to the company names.
  • The two <div> tags are where you will add the markdown content for each company. The first <div> corresponds with CompanyA and will be on the left. The second <div> corresponds with CompanyB and will be on the right.
  • NOTE: The ComparisonBlock will accept text or markdown content between the <div> tags.
<VersusStripe 
  companyA="Vagaro"
  companyB="GlossGenius"
  companyAStatus="check"
  companyBStatus="x"
  companyAContent={
    <p>Vagaro offers a **comprehensive suite of business management tools** designed specifically for salon, spa, and fitness professionals.</p>
  }
  companyBContent={
    <p>GlossGenius provides an elegant booking solution with built-in marketing features for beauty entrepreneurs.</p>
  }
/>