> ## Documentation Index
> Fetch the complete documentation index at: https://edzo.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Number Frame Block

> Learn how to use Number Frame blocks to display interactive counting frames in your resources.

The **Number Frame** block displays an interactive counting frame (like a ten-frame or twenty-frame). Use it to demonstrate counting, number bonds, and place value concepts.

This is a display block for teaching and demonstration. learners can view the frame and see how numbers are represented visually.

> [!NOTE]
>
> Number frames help learners visualize numbers as groups, building strong number sense and mental math strategies.

## When to use Number Frame blocks

Number Frame blocks work well for:

* Teaching counting and one-to-one correspondence
* Demonstrating number bonds (e.g., 7 is 5 and 2 more)
* Visualizing addition and subtraction
* Building understanding of place value
* Showing subitizing patterns (recognizing quantities without counting)

## Settings

### Frame settings

**Rows** `slider` (default: 2)

The number of rows in the frame (1–10). A standard ten-frame has 2 rows.

**Columns** `slider` (default: 5)

The number of columns in the frame (1–10). A standard ten-frame has 5 columns.

**Square size** `select` (default: md)

The size of each square in the frame:

* **Small**: Compact squares
* **Medium**: Standard size
* **Large**: Larger squares for visibility
* **Huge**: Extra large squares
* **Full**: Maximum size

### Display settings

**Show frame border** `switch` (default: true)

When enabled, displays a border around each cell in the frame.

**Show count** `switch` (default: false)

When enabled, displays the total count of filled squares.

**Show numbers** `switch` (default: false)

When enabled, displays numbers in each cell of the frame.

### Configuring the frame

Select which squares are filled to represent your number. You can use counters or images to fill the squares.

## Tips for teachers and parents

**Best practices:**

* Use 2×5 frames (ten-frames) for foundational number sense
* Fill from left to right, top to bottom to establish consistent patterns
* Use the **Show count** option to reinforce the connection between visual and numeric
* Create 2×10 frames (twenty-frames) for larger numbers
* Use multiple frames to show addition or comparison
* Hide numbers initially to encourage counting and subitizing


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.