```
const { Row, Column } = Section;
<div>
  <p>Form</p>
  <div>
    <Button type="submit">Submit</Button>
    <Button type="submit" component="a" variant="cancel">Cancel</Button>
  </div>
  <p>Small</p>
  <div>
    <Button size="sm" component="a">Button sm</Button>
    <Button size="sm" type="submit">Button with multiline content</Button>
  </div>
  <p>Medium</p>
  <div>
    <Button size="md" type='submit'>Button md</Button>
    <Button size="md" type='submit'>Button with multiline content</Button>
  </div>
  <p>Large</p>
  <div>
    <Button size="lg" type='submit'>Button lg</Button>
    <Button size="lg" type='submit'>Button with multiline content</Button>
  </div>
  <p>Button type nav</p>
  <div>
    <Button size="nav-bar" variant="dash-lagoon" type='submit' component="a" active>Button small</Button>
    <Button size="nav-bar" variant="dash-lagoon" type='submit'>My button with multiline content</Button>
  </div>
  <p>Button type tab</p>
  <Row>
    <Column sm="2">
      <Button size="md" variant="tab" type='button' active>Button tab</Button>
      <Button size="md" variant="tab" type='button'>Button tab 2</Button>
    </Column>
    <Column sm="10">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Phasellus consequat, massa posuere eleifend tincidunt, erat velit malesuada orci,
      sit amet vehicula tortor eros vel ipsum. Integer bibendum nunc eu eros blandit gravida.
      Aliquam erat volutpat. Phasellus non orci tristique, porttitor elit non, luctus augue.
      Vestibulum a aliquam quam. Proin eget orci ante. Phasellus viverra, erat sed sagittis ornare,
      massa magna euismod lectus, sit amet sollicitudin urna turpis eget est. Mauris ultrices et nunc quis posuere.
      Donec maximus elementum urna, egestas ultrices neque cursus vitae. Nullam rutrum libero erat.
      Nulla efficitur porta lectus, sit amet tempus sapien suscipit placerat. Nam facilisis molestie magna, a volutpat
      enim laoreet vel. Donec venenatis lacus ut tellus pharetra, a molestie lorem varius.
    </Column>
  </Row>
  <p>Button Sensit</p>
  <div>
    <Button variant="sensit">Button</Button>
    <Button variant="sensit-negative">Button</Button>
    <Button variant="sensit-link">Button</Button>
  </div>
</div>
```
