JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/framework7/4.1.0/css/framework7.bundle.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/framework7/4.1.0/js/framework7.bundle.min.js"></script>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">

    <meta name="theme-color" content="#007aff">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <title>App</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/framework7/4.1.0/css/framework7.bundle.css">
    
    </head>

<body>
    <div id="app">
        <!-- Your main view, should have "view-main" class -->
        <div class="view view-main view-init safe-areas" data-url="/">
            <div class="page" data-name="history">
    <div class="navbar">
      <div class="navbar-inner sliding">
        <div class="left"><a class="link back"><i class="icon icon-back"></i><span class="ios-only">Back</span></a>
        </div>
        <div class="title">Tabbar</div>
      </div>
    </div>
    <div class="toolbar tabbar toolbar-bottom">
      <div class="toolbar-inner"><a href="#tab-1" class="tab-link tab-link-active">Tab 1</a>
        <a href="#tab-2" class="tab-link">Tab 2</a>
        <a href="#tab-3" class="tab-link">Tab 3</a>
        </div>
    </div>
    
           <p><b style="font-size:16px;color:black; position: absolute; z-index: 100; left: 0; top: var(--f7-navbar-height)">This is my text</b></p>
           
           
    <div class="tabs">
     
      <div class="page-content tab tab-active" id="tab-1">
        <div class="block">
        
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque quos asperiores ut, odio numquam ab, qui,
            alias adipisci in magni reiciendis reprehenderit. Labore...

JavaScript

var app = new Framework7({
    root: '#app', // App root element
    id: 'com.app.app', // App bundle ID
    name: 'app', // App name
    theme: 'auto' // Automatic theme detection
    // App root data
    
});