---
route: /components/number
menu: Components
---

import { Playground, Props } from 'docz';
import { Number } from './Number.tsx';

# Number

Easy input for numbers, mobile optimized. It automatically uses context[name] as the initial value

## Properties

<Props of={Number} />

## MML string

```xml
<mml type="card">
  <image src="https://getstream.github.io/mml-react/public/window.jpg" />
  <number name="windows" value="12" />
  <button name="confirm" value="Confirm">Confirm</button>
</mml>
```

## Basic usage

<Playground>
  <MML
    source={`
    <mml type="card">
      <image src="https://getstream.github.io/mml-react/public/window.jpg" />
      <number name="windows" value="12" />
      <button name="confirm" value="Confirm">Confirm</button>
    </mml>
  `}
  />
</Playground>
