creative-connections/Bodylight.js-Components

# Tabs

```html
<bdl-tabs idlist="uvod,modelplic,modeltkani,krivkao2,krivkaco2,porovnani" 
  titlelist="Úvod,Model plic,Model tkání,Křivka O2,KřivkaCO2,Porovnání O2 a CO2"></bdl-tabs>
<div id="uvod">
uvod
</div>
<div id="modelplic">
modelplic
</div>
<div id="modeltkani">
modeltkani
</div>
<div id="krivkao2">
krivkao2
</div>
<div id="krivkaco2">
krivkaco2
</div>
<div id="porovnani">
porovnani
</div>

```
Creates tabs (buttons) - associated with divs with id, you should define divs later. 
If the tab is clicked, the associated div is made visible, others are hidden 
   
<bdl-tabs idlist="uvod,modelplic,modeltkani,krivkao2,krivkaco2,porovnani" 
  titlelist="Úvod,Model plic,Model tkání,Křivka O2,KřivkaCO2,Porovnání O2 a CO2"></bdl-tabs>
<div id="uvod">
uvod
</div>
<div id="modelplic">
modelplic
</div>
<div id="modeltkani">
modeltkani
</div>
<div id="krivkao2">
krivkao2
</div>
<div id="krivkaco2">
krivkaco2
</div>
<div id="porovnani">
porovnani
</div>

## vertical tabs

```html
<bdl-tabs idlist="CZ,EN,DE" 
  titlelist="CZ,EN,DE" vertical="true"></bdl-tabs>
<div id="CZ">
czech
</div>
<div id="EN">
english
</div>
<div id="DE">
deutsch
</div>
```
Creates tabs (buttons) - associated with divs with id, you should define divs later. 
If the tab is clicked, the associated div is made visible, others are hidden 
   
<bdl-tabs idlist="CZ,EN,DE" 
  titlelist="CZ,EN,DE" vertical="true"></bdl-tabs>
<div id="CZ">
czech
</div>
<div id="EN">
english
</div>
<div id="DE">
deutsch
</div>