Components

This is a list of the built-in components that you can use in your JSX.

Built-in components

• <Panel> basic container with a background.
• <Text> display text content.
• <Button> create interactive buttons that respond to player clicks with the onPress callback.
• <Image> display textures and images from your resource pack.
• <Fragment>, alternatively written as <>...</>, lets you group multiple JSX nodes together without adding an extra wrapper.

Control Props

All components support (and currently [v0.2.0] require some) Control Props for layout and visibility control.

See Control Props for detailed documentation and examples.

Next Steps

• Hooks - Add state and effects to your components
• API - APIs that are useful for defining components