Content.md

id	title
content	Content

Description

The root component for a group of components. An example of a parent component is ScrollView.

Example

import React from 'react';
import { View, ScrollView, Content, Text, Scene, Prism } from 'magic-script-components';

export default class MyApp extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    const aabb = {
      min: [-0.1, -0.3, -0.1],
      max: [0.15, 0.3, 0.1]
    };

    return (
      <Scene>
        <Prism size={[2, 2, 1]} >
          <View name='main-view' anchorPoint={'center-center'}>
            <ScrollView scrollBounds={aabb}>
              <Content>
                {Array(10).fill(0).map((value, index) => <Text key={index} position={[0, -0.1 * index, 0]} text={`Item ${index + 1}`} fontSize={0.08} />)}
              </Content>
            </ScrollView>
          </View>
        </Prism>
      </Scene>
    );
  }
}

Common Events

Common Properties

Create Properties

Name	Type	Default Value	Description
localTransform	mat4	1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1	The local transform of the new node. Use glm::mat4() for the identity matrix.