v2-docs-guide

bo--- id: v2-docs-guide title: V2 Docs Guide

sidebar_label: V2 Docs Guide#


Excerpt#

The world truly needs a reliable digital currency and infrastructure that together can deliver on the promise of “the internet of money.” Securing your financial assets on your mobile device should be simple and intuitive. Moving money around globally should be as easy and cost-effective as — and even more safe and secure than — sending a text message or sharing a photo, no matter where you live, what you do, or how much you earn.  — Diem White Paper

Multi Step Code Snippet#

import React, { useState } from 'react';
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button className="button primary" onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}

Cards#

Color Card#

Overlay Card#

Simple Card#

Tag Card#

Reference Section Component#

Normal Code Snippet (and the start of WaveBackground)#

import React, { useState } from "react";
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}

Excerpt (with WaveBackground)#

The world truly needs a reliable digital currency and infrastructure that together can deliver on the promise of “the internet of money.” Securing your financial assets on your mobile device should be simple and intuitive. Moving money around globally should be as easy and cost-effective as — and even more safe and secure than — sending a text message or sharing a photo, no matter where you live, what you do, or how much you earn.  — Diem White Paper

Multi Step Code Snippet (with WaveBackground)#

import React, { useState } from 'react';
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button className="button primary" onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}

Multi Step Code Snippet with 5 Tabs (with WaveBackground)#

import React, { useState } from "react";
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}
function Example() {  const [count, setCount] = useState(0);
  return (    <div>      <p>You clicked {count} times</p>      <button onClick={() => setCount(count + 1)}>        Click me      </button>    </div>  );}