DXC Logo
Halstack logo
Halstack
Design System
next
Overview
Introduction
Component lifecycle
Releases
Principles
Color
Iconography
Layout
Localization
Spacing
Themes
Typography
Utilities
Halstack Provider
Components
Accordion
Alert
Application Layout
Badge
New
Bleed
Box
Deprecated
Breadcrumbs
Experimental
Bulleted List
Button
Card
Checkbox
Chip
Container
Experimental
Contextual Menu
New
Date Input
Dialog
Divider
New
Dropdown
File Input
Flex
Footer
Grid
Header
Heading
Image
Experimental
Inset
Link
Nav Tabs
Number Input
Paginator
Paragraph
Password Input
Progress Bar
Quick Nav
Radio Group
Resultset Table
Select
Sidenav
Slider
Spinner
Status Light
New
Switch
Table
Tabs
Tag
Legacy
Text Input
Textarea
Toggle Group
Typography
Wizard
GitHub

Number Input

The number input is a text input component that only allows numerical values and it has controls for incrementing or decrementing them.

Code
Usage
Specifications

Usage

Considerations for the use of the number input component:

  • Don't use the number input component for amounts. Use a text input instead.
  • Always enable typing in the input field.
  • Avoid using the component when large values are expected.

Contents

Edit this page on GitHub
Report an issue on GitHub
Previous
Nav Tabs
NextPaginator