Sha256: c966f933d5ee57bb74c58a2b8d702bb907ef467399df7981672cc1ef0897870c

Contents?: true

Size: 392 Bytes

Versions: 958

Compression:

Stored size: 392 Bytes

Contents

The Nav kit can also be used to create dynamic tabbing. To do so, use the boolean `tabbing` prop as shown here. 

All divs you want to use as tabs MUST have an id attached to them. To link the tab to the nav, use the required data attribute `pb_tab_target` on each nav/item and pass it the id of the tab you want linked to that specific nav/item. See code example below to see this in action.

Version data entries

958 entries across 958 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_nav/docs/_tab_nav.md