PatternLab (1.0.37)

Button Bar / Archive Search ​

Container that consists of a Label / Headline and multiple buttons to offer quick access to e.g. libraries.

New Version ​

Taxierung ​

Taxierung vorausfüllen aus...(optional)
Show Code
html
<div class="h-border-primary-bold h-border-radius-large p-t-s p-b-m p-x-m">
  <span id="base-link-label" class="c-label">Taxierung vorausfüllen aus...<strong class="h-color-gray h-type-small">(optional)</strong></span>
  <div class="h-flex h-flex-row h-stretch gap-16 h-vertical-center m-t-xs" aria-labelledby="base-link-label">
    <button type="button" class="h-width-100 c-btn -small -icon-left" aria-haspopup="dialog">
      <i aria-hidden="true" class="far fa-euro"></i>
      Eigene Taxierungen
    </button>
    <button type="button" class="h-width-100 c-btn -small -secondary -icon-left" aria-haspopup="dialog">
        <i aria-hidden="true" class="far fa-mortar-pestle"></i>
        Rezeptur HP-Archiv
    </button>
    <button type="button" class="h-width-100 c-btn -small -secondary -icon-left" aria-haspopup="dialog">
        <i aria-hidden="true" class="fa-kit fa-defektur"></i>
        Defektur HP-Archiv
    </button>
  </div>
</div>

Abfüllung new ​

Abfüllung vorausfüllen aus ...(optional)
Show Code
html
<div class="h-border-primary-bold h-border-radius-large p-t-s p-b-m p-x-m">
  <span id="base-link-label" class="c-label">Abfüllung vorausfüllen aus ...<strong class="h-color-gray h-type-small">(optional)</strong></span>
  <div class="h-flex h-flex-row h-stretch gap-16 h-vertical-center m-t-xs" aria-labelledby="base-link-label">
    <button type="button" class="h-width-100 c-btn -small -icon-left" aria-haspopup="dialog">
        <i aria-hidden="true" class="fa-kit fa-abfuellung-regular"></i>
        Eigene Abfüllungen
    </button>
    <button type="button" class="h-width-100 c-btn -secondary -small -icon-left" aria-haspopup="dialog">
        <i aria-hidden="true" class="far fa-box-archive"></i>
        NRF-Vorschriften
    </button>
    <button type="button" class="h-width-100 c-btn -secondary -small -icon-left" aria-haspopup="dialog">
        <i aria-hidden="true" class="far fa-search"></i>
        DAC/NRF Rezepturenfinder
    </button>
  </div>
</div>

Old Version ​

Used in: Rezeptur / Defektur Eingabemaske Bibliotheken-Suche.

Rezeptur-ArchivDefektur-ArchivNRF-VorschriftenDAC/NRF Rezepturenfinder
Show Code
html
<div class="h-highlight-block -small -primary-lightest -has-border h-border-radius-button-large -border-bottom h-box-shadow p-x-m p-y-xs m-b-xxl">
  <div class="h-flex h-flex-row h-vertical-center">
    <i class="far fa-2x fa-file-search h-color-black"></i>
    <div class="m-l-l">
      <label class="c-label -old">Bibliotheken durchsuchen ...</label>
      <div class="h-flex h-flex-row h-vertical-center h-space-between gap-s m-y-xxs">
        <span class="accessRestrictedLink">
            <a class="c-link -small">Rezeptur-Archiv</a>
        </span>
        <span class="accessRestrictedLink">
            <a class="c-link -small">Defektur-Archiv</a>
        </span>
        <span class="accessRestrictedLink">
            <a class="c-link -small">NRF-Vorschriften</a>
        </span>
        <span class="accessRestrictedLink">
            <a class="c-link -small">DAC/NRF Rezepturenfinder</a>
        </span>
      </div>
    </div>
  </div>
</div>

2026 - Pharma4u