Tabs Text Editor

An input field in which users can type and edit text.

<section class="tab-text-editor">
  <nav class="tab-text-editor-nav">
    <ul class="secondary-tabs is-large is-stretch">
      <li class="secondary-tabs-item">
        <button class="secondary-tabs-button" disabled>
          <span class="body-text-2">Item</span>
        </button>
      </li>
      <li class="secondary-tabs-item">
        <button class="secondary-tabs-button"><span class="body-text-2">Item</span></button>
      </li>
    </ul>
  </nav>
  <div class="tab-text-editor-content-box">
    <textarea class="tab-text-editor-content">Prod=thisisvalue</textarea>
    <div class="tab-text-editor-options">
      <div class="u-flex u-gap-4">
        <button class="button is-text is-only-icon" aria-label="download code file">
          <span class="icon-download" aria-hidden="true"></span>
        </button>
        <button class="button is-text is-only-icon" aria-label="copy code">
          <span class="icon-duplicate" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </div>
</section>