import Tabs from 'meteorite-core-ui/js/components/saiku/Tabs.jsx'

public class | source

Tabs

Extends:

react~React.Component → Tabs

Saiku <Tabs /> component. It requires a createContent function, it is responsible for populate the tab content, whenever the '+' button is pressed.

Example:

function myContent() {
  return (<h1>Tab Content</h1>);
}
<Tabs createContent={myContent}/>

Constructor Summary

Public Constructor
public	constructor(props: *)

Member Summary

Public Members
public	id: *
public	state: *
public	tabCounter: number

Method Summary

Public Methods
public	componentDidMount() Method automatically called when React already built and mounted the component on a dom element.
public	render(): *
public	renderTabButtons(tab: Object, index: number): * Helper method called for each tab in order to render its button.
public	renderTabPanels(tab: Object, index: number): * Helper method called for each tab in order to render its content.

Public Constructors

public constructor(props: *) source

Params:

Name	Type	Attribute	Description
props	*

Public Members

public id: * source

public state: * source

public tabCounter: number source

Public Methods

public componentDidMount() source

Method automatically called when React already built and mounted the component on a dom element. In this case, this method will create the tabs' first tab, filled with the createContent function's content.

public render(): * source

Return:

public renderTabButtons(tab: Object, index: number): * source

Helper method called for each tab in order to render its button.

Params:

Name	Type	Attribute	Description
tab	Object		an object containing tab data
tab.key	string		unique tab identifier
tab.title	string		text to be displayed on tab's button
tab.component	Object		content returned by createContent function
index	number		the index of the tab (the render order)

Return:

public renderTabPanels(tab: Object, index: number): * source

Helper method called for each tab in order to render its content.

Params:

Name	Type	Attribute	Description
tab	Object		an object containing tab data
tab.key	string		unique tab identifier
tab.title	string		text to be displayed on tab's button
tab.component	Object		content returned by createContent function
index	number		the index of the tab (the render order)