Skip to content

Commit e234036

Browse files
authored
Upgrade KoliBri components and add docs for tabs create button (#339)
2 parents 4e86169 + ffb0cf7 commit e234036

File tree

3 files changed

+67
-27
lines changed

3 files changed

+67
-27
lines changed

docs/30-components/tabs.mdx

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,10 @@ Die Zuordnung der Daten im Attribut **`_tabs`** zu den Div-Elementen erfolgt aut
3939

4040
Zur Behandlung von Events bzw. Callbacks siehe <kol-link _label="Events" _href="../concepts/events" />.
4141

42-
| Event | Auslöser | Value |
43-
|----------|----------------------|----------------------------|
44-
| `select` | Tab wurde ausgewählt | Index des ausgewählten Tab |
42+
| Event | Auslöser | Value |
43+
|----------|--------------------------------|----------------------------|
44+
| `select` | Tab wurde ausgewählt | Index des ausgewählten Tab |
45+
| `create` | Create-Button wurde angeklickt | - |
4546

4647
### Beispiel
4748

@@ -65,9 +66,20 @@ Die Daten für die Registerkarten können als Objekte oder JSON-String an das At
6566

6667
Um eine Registerkarte zu deaktivieren, verwenden Sie das Attribut **`_disabled`**.
6768

68-
### Close-Icon im Registekartenheader
69+
### Create-Button
6970

70-
Wenn Sie eine schließbare Registerkarte benötigen, können Sie dies über das Attribut **`_on`** und den Wert **"onClose":true** realisieren.
71+
Mit dem Attribut **`_has-create-button`** lässt sich ein zusätzlicher Button in der Tab-Navigation aktivieren. Dieser Button erscheint am Ende der Tab-Leiste und ermöglicht es Usern, neue Tabs dynamisch hinzuzufügen.
72+
73+
#### Code
74+
75+
```html
76+
<kol-tabs _tabs='[{"_label":"Tab 1"},{"_label":"Tab 2"}]' _has-create-button>
77+
<div>Inhalt von Tab 1</div>
78+
<div>Inhalt von Tab 2</div>
79+
</kol-tabs>
80+
```
81+
82+
<kol-link _href="https://develop--kolibri-public-ui.netlify.app/#/tabs/create-button" _target="_blank" _label="Beispiel in der Sample App"></kol-link>
7183

7284
### Best practices
7385

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
"@leanup/form": "1.3.54",
4343
"@mdx-js/react": "3.1.0",
4444
"@monaco-editor/react": "4.7.0",
45-
"@public-ui/components": "3.0.0-rc.7",
45+
"@public-ui/components": "3.0.1",
4646
"@public-ui/react": "3.0.0-rc.7",
4747
"@public-ui/theme-default": "3.0.0-rc.7",
4848
"classnames": "2.5.1",

pnpm-lock.yaml

Lines changed: 49 additions & 21 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)