Skip to main content

Text

Display text content in your UI.

Import​

import { Text } from '@bedrock-core/ui';

Usage​

<Text x={10} y={10} width={200} height={20}>Hello, Minecraft!</Text>

Props​

Component-Specific Props​

children​

  • Type: string
  • Required: Yes
  • Description: The text content to display
  • Constraints: Max length is 80 characters, prefer to use translation strings when possible

Control Props​

Text inherits all standard control props.

Examples​

Basic Text​

<Text x={0} y={0} width={200} height={20}>Simple text</Text>

Multi-line Layout​

<>
  <Text x={10} y={10} width={300} height={30}>§b§1Title</Text>
  <Text x={10} y={40} width={300} height={25}>§2Subtitle text</Text>
  <Text x={10} y={70} width={300} height={40}>Body content goes here</Text>
</>

Dynamic Text with State​

function Counter() {
  const [count, setCount] = useState(0);
  
  return (
    <>
      <Text x={10} y={10} width={200} height={30}>{`Count: ${count}`}</Text>
      <Button 
        x={10} 
        y={50} 
        width={200} 
        height={40}
        onPress={() => setCount(count + 1)}
      >
        <Text x={10} y={10} width={180} height={20}>Increment</Text>
      </Button>
    </>
  );
}

Best Practices​

  • Position text with adequate padding from container edges
  • Keep text concise to fit within serialization limits or prefer to use translation keys when possible
  • Use formatting codes for styling https://minecraft.wiki/w/Formatting_codes

Limitations​

  • Single line of text per component (no automatic line wrapping yet)
  • Maximum text length determined by serialization protocol (80 bytes)