Go to Content
Design System
  • Web
  • Store
  • App
  • External
Playroom Storybook

Sections

  • Guides
  • Blog
  • Basics
  • Components
  • Examples
  • Resources
Happy Pride Month! - Also, GDS v3 is live! 💅

Table of Content

Sections

  • Guides
  • Blog
  • Basics
  • Components
  • Examples
  • Resources

Pages

/
  • Alert
  • Amount
  • Animation
  • Button
  • Card
  • CardGroup
  • Carousel
  • DateTime
  • Dropdown
  • FixedToBottom
  • Flag
  • FocusPage
  • Form
  • Form - AmountInput
  • Form - CheckboxInput
  • Form - CountedTextInput
  • Form - FileInput
  • Form - InputGroup
  • Form - NewDateInput
  • Form - PseudoInput
  • Form - RadioInputGroup
  • Form - Select
  • Form - SliderInput
  • Form - TextInput
  • Form - TimeInput
  • Form - Toggle
  • Form - VerificationInput
  • FullPage
  • Handover
  • Hint
  • Icon
  • Image
  • LabeledList
  • Layout
  • Legend
  • Modal
  • Navigation
  • ProductCard
  • Spinner
  • SpotIllustration
  • StatusInfo
  • Table
  • Tooltip
  • Transaction
  • Typography
  • Utilities
  • Utilities - Copy
  • Utilities - LiveAnnouncer
  • Utilities - MatchMedia
  • Utilities - VisuallyHidden

Containers

  • LanguageProvider

Tools

  • Storybook
  • Playroom

VerificationInput React-only

Open in Storybook Open in Figma

A verification input is a masked input that can be used to enter all sorts of numeric codes. The length of the code is easily customizable.

Loading demo…

Settings

Interface options
Rules to display
Components options
Code settings

Imprint

Powered by Erste Group Bank AG

Imprint Privacy Policy Test Pages