diff options
author | Sebastian <sebasjm@gmail.com> | 2023-05-10 00:53:37 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-05-10 00:53:51 -0300 |
commit | cb535460350bd510dd4b2b7d6bc3c6ec5f5bcdf1 (patch) | |
tree | 5b93f143c517f0f35030d75ceafc1032aa56d7c4 /packages/exchange-backoffice-ui/src/forms/InputInteger.tsx | |
parent | 1c39b2befad80505d67ac8888c44bde4a3c65076 (diff) |
almost first document
Diffstat (limited to 'packages/exchange-backoffice-ui/src/forms/InputInteger.tsx')
-rw-r--r-- | packages/exchange-backoffice-ui/src/forms/InputInteger.tsx | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/packages/exchange-backoffice-ui/src/forms/InputInteger.tsx b/packages/exchange-backoffice-ui/src/forms/InputInteger.tsx new file mode 100644 index 000000000..49e6973fc --- /dev/null +++ b/packages/exchange-backoffice-ui/src/forms/InputInteger.tsx @@ -0,0 +1,19 @@ +import { VNode, h } from "preact"; +import { InputLine, UIFormProps } from "./InputLine.js"; + +export function InputInteger(props: UIFormProps<number>): VNode { + return ( + <InputLine + type="number" + converter={{ + fromStringUI: (v) => { + return !v ? 0 : Number.parseInt(v, 10); + }, + toStringUI: (v?: number) => { + return v === undefined ? "" : String(v); + }, + }} + {...props} + /> + ); +} |