> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/gaming/gaming/canvas-label.md).

# Canvas Label

Display text on your Canvas.

## Canvas Label Overview

The Canvas Label is a piece of text that can be placed onto your [Stage](/app-design/ui-components/embed-components/canvas.md#the-stage). 

## Adding a Canvas Label to your app

To add a Canvas Label to your app, click on the Stage of your Canvas. This will automatically bring you to the Canvas tab. 

Underneath your component tree, where you would see a component menu in the Design tab, you will see your Sprite Type menu and a User Interface menu. 

You can find the Canvas Label in the Unser Interface menu.

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MY4-Gx3BWY9BSWsUzhb%2F-MY4-_6m1hf6FWnT6XdD%2FScreen%20Shot%202021-04-12%20at%208.35.19%20AM.png?alt=media\&token=c65faad9-7bb0-460b-b162-9ea6e1f55e21)

You can drag and drop the Canvas Label onto your Stage.

## Canvas Label Properties

| Property         | Description                                                 | Data Type        |
| ---------------- | ----------------------------------------------------------- | ---------------- |
| Text             | The Text being displayed on your Canvas Label               | Text             |
| X                | The X-co-ordinate of the top-left pixel of the Canvas Label | Number           |
| Y                | The Y-co-ordinate of the top-left pixel of the Canvas Label | Number           |
| Font Size        | The size of the font of the Canvas Label                    | Number           |
| Color            | The color of the text of the Canvas Label                   | Color            |
| Background Color | The color of the background of the Canvas Label             | Color            |
| Stage Selection  | Select a Stage to display the current Canvas Label on       | Select from menu |

## Blocks

## Text

### Set Text

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlw2Kxsh2wCMma3mcd%2Ftext.jpg?alt=media\&token=90454238-fa24-48da-bf82-d0f768ffa708)

Set the text being displayed in the Canvas Label.

### Get Text

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlw95kysqTi6W9PZDZ%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=7449daa7-b6ec-4784-a2e5-c2049d308e41)

Get the text of the Canvas Label.

## Position

### X Co-ordinate

#### Set X

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwIeIwIODQRfYTi8_%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=7fb7c990-85cb-4fbd-b683-030394d117db)

Set the X Co-ordinate of the top-left pixel of the Canvas Label.

#### Get X

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwSGp9YKN4WWpTHVf%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=3a2f0dd7-6881-4015-b8ec-325c94dcf7ce)

Get the X Co-ordinate of the top-left pixel of the Canvas Label.

### Y Co-ordinate

#### Set Y

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwYLbuxH43xsNxeqq%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=0a88592f-8873-4c98-b6c8-02d4e5ba8d0c)

Set the Y Co-ordinate of the top-left pixel of the Canvas Label.

#### Get Y

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwdXaiKwzQNiU2-fY%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=c964e074-e8e9-4166-b0e3-9cce094e3f78)

Get the Y Co-ordinate of the top-left pixel of the Canvas Label.

## Appearance

### Font Size

#### Set Font size

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwkCbaSn7nnlYWkyd%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=3b871b3b-6443-417b-a700-1d7ce211bce7)

Set the font size of the text of the Canvas Label.

#### Get Font Size

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwp_ugZ0vJD3vseof%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=0af53e09-f590-48aa-91e0-f99721d70269)

Get the font size of the text of the Canvas Label.

### Text Color

#### Set color

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlwwF3baEjQMgDRSm9%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=6ceda673-2fa6-47e2-89db-3d7dce7806e8)

Set the color of the text of the Canvas Label.

#### Get Color

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlx0975Lu_bd8fmyR1%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=c097a0d6-297d-4950-af15-c9dc94711ac9)

Get the color of the text of the Canvas Label.

### Background Color

#### Set Background Color

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlx5HgUCwA_XnzAXve%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=3076c380-802f-448b-9e1b-ba86d4773054)

Set the color of the background of the Canvas Label.

#### Get Background Color

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MXlvUniH5Nypin07gTl%2F-MXlxAoGH5EwgiLYBxah%2FScreen%20Shot%202021-04-08%20at%203.42.48%20PM%20copy.jpg?alt=media\&token=8e85a0e0-6294-4387-b628-3ea477a8651d)

Get the color of the background of the Canvas Label.

## Location

### Move to Stage

![](https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAn5scXl2uqUJUOqkJo%2F-MG8Dc_66plxjuIW248P%2F-MG8M-M_mAcs6z7AS4rE%2Fcanvaslabelstage.png?alt=media\&token=a7b1b97a-7be5-4847-8fd1-1728c97dc026)

Move the Canvas Label to the named Stage.