proton-native/docs/component_APIs/box.md

Box

A container for multiple components that are ordered vertically or horizontally. Similar to React Native's View.

The following example holds both a Button and a TextInput that are arranged vertically

import React, { Component } from 'react';

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

class Example extends Component {
  render() {
    return (
      <App>
        <Window title="Example" size={{ w: 500, h: 500 }}>
          <Box>
            <Button>Hello</Button>
            <TextInput />
          </Box>
        </Window>
      </App>
    );
  }
}

render(<Example />);

Props

• vertical
• enabled
• visible
• padded

Reference

vertical

Whether the Box arranges its children vertically or horizontally.

Type	Required	Default
bool	No	true

enabled

Whether the Box is enabled.

Type	Required	Default
bool	No	true

visible

Whether the Box and its children can be seen.

Type	Required	Default
bool	No	true

padded

Whether there is extra space between the children in the Box.

Type	Required	Default
bool	No	false