Module: addon/components/sl-tab-panel

Extends

  • ember/Component

Members

(inner) actions :Object

Type:
  • Object
Source:

(inner, nullable) activeTabName :String

The currently active tab name

Type:
  • String
Default Value:
  • null
Source:

(inner) alignTabs :Alignment

Determines the alignment of tabs at the top of the panel, "left" or "right"

Type:
  • Alignment
Source:

(inner) classNameBindings :Array.<String>

Type:
  • Array.<String>
Source:

(inner) classNames :Array.<String>

Type:
  • Array.<String>
Source:

(inner) contentHeight :Number

The height of the tab-content in pixels

Type:
  • Number
Default Value:
  • 0
Source:

(inner, nullable) initialTabName :String

The name of the tab to open when the component is first rendered

Type:
  • String
Default Value:
  • null
Source:

(inner) layout :Object

Type:
  • Object
Source:

Methods

(inner) actions:change(tabName) → {undefined}

Action to trigger when a tab is clicked

Parameters:
Name Type Description
tabName String

The name of the tab to change into
Source:
Returns:
Type
undefined

(inner) activatePane(tabName) → {undefined}

Activate a tab pane, animating the transition

Parameters:
Name Type Description
tabName String

The name of the tab to activate
Source:
Returns:
Type
undefined

(inner) deactivatePane(callback) → {undefined}

Deactivate a tab pane, animating the transition

Parameters:
Name Type Description
callback function

Function called when the pane is deactivated
Source:
Returns:
Type
undefined

(inner) paneFor(tabName) → {jQuery.Object}

Get the tab-panel's tab-pane for the specified tabName

Parameters:
Name Type Description
tabName String

The name of the tab to get the pane for
Source:
Returns:
Type
jQuery.Object

(inner) setActiveTab(tabName) → {undefined}

Update the internal active tab name and handle tabs' statuses

Parameters:
Name Type Description
tabName String

The name of the tab to switch state to
Source:
Returns:
Type
undefined

(inner) setupTabs() → {undefined}

Sets up the initial tab, and parses the content of the tab panel to determine tab labels and names.

Source:
Listens to Events:
  • event:didInsertElement
Returns:
Type
undefined

(inner) tabAlignmentClass() → {String}

The class determining how to align tabs

Source:
Observes:
  • alignTabs
Throws:

Thrown if supplied alignTabs is a value not defined in enum Alignment

Type
ember.assert
Returns:
Type
String

(inner) tabFor(tabName) → {jQuery.Object}

Get the tab with the specified tabName

Parameters:
Name Type Description
tabName String

The name for the tab to get
Source:
Returns:

DOM Element

Type
jQuery.Object

(inner) updateContentHeight() → {undefined}

Sets the tab-content div height based on current contentHeight value

Source:
Observes:
  • contentHeight
Returns:
Type
undefined