Tabs

See: https://www.carbondesignsystem.com/components/tabs/usage/

Use tabs to allow users to navigate easily between views within the same context.

Overview

Tabs are used to quickly navigate between views within the same context.

class carbondesign.tags.tabs.Tabs(*args, **kwargs)

Tabs component.

WANT_CHILDREN = True

Template Tag needs closing end tag.

SLOTS = ('header',)

Named children.

NODE_PROPS = ('container',)

Extended Template Tag arguments.

prepare(values, context)

Prepare values for rendering the templates.

render_default(values, context)

Output html of the component.

class carbondesign.tags.tabs.TabItem(*args, **kwargs)

Tabs item component.

WANT_CHILDREN = True

Template Tag needs closing end tag.

NODE_PROPS = ('active', 'target', 'disabled')

Extended Template Tag arguments.

CLASS_AND_PROPS = ('tab',)

Prepare xxx_class and xxx_props values.

prepare(values, context)

Prepare values for rendering the templates.

render_default(values, context)

Output html of the component.

class carbondesign.tags.tabs.TabContent(*args, **kwargs)

Tabs content component.

WANT_CHILDREN = True

Template Tag needs closing end tag.

NODE_PROPS = ('id', 'active', 'target')

Extended Template Tag arguments.

prepare(values, context)

Prepare values for rendering the templates.

render_default(values, context)

Output html of the component.