proton-native/docs/component_APIs/tab.md

1,008 B

Tab

A component with different named tabs containing other components.

Each child is required to have a label prop that is displayed at the top and names the tab.

import React, { Component } from 'react';

import { render, Window, App, Tab, TextInput } from 'proton-native';

class Example extends Component {
  render() {
    return (
      <App>
        <Window title="Example" size={{ w: 500, h: 500 }}>
          <Tab>
            <TextInput label="Tab1" />
            <TextInput label="Tab2" />
          </Tab>
        </Window>
      </App>
    );
  }
}

render(<Example />);

Props

Reference

enabled

Whether the Tab is enabled.

Type Required Default
bool No true

visible

Whether the Tab can be seen.

Type Required Default
bool No true