• Home
  • Getting started
  • Way of thinking
  • Foundation
  • Components
    • Accordion
    • Badge
    • Brands
    • Bottom sheet
    • Button
    • Button Group
    • Card
    • Checkbox
    • Date Picker
    • Dialog
    • Dialog - contextual
    • Dots
    • Drawer
    • Dropdown
    • Icon Button
    • Input fields
      • Amount input
      • Date input
      • Email input
      • Mobile input
      • SSN input
      • Text input
      • Time input
    • Items menu
    • List Group
    • Loader
    • Media Object
    • Navigation Indicator
    • Progress
    • Radio Button Group
    • Radio pill
    • Ribbon
    • Sausage
    • Select
    • Speech bubble
    • Step Indicator
    • Table
    • Toast
  • Patterns
  • Content
  • Brands

Components

Mobile input

Hero Image

Examples of mobile input with built-in validation.

Open console to view validations

<Form
  isVertical
  onSubmit={function noRefCheck() {}}
  onValidate={function noRefCheck() {}}
>
  <MobileInput
    name="mobileExample1"
    onChange={function noRefCheck() {}}
    value="0701122333"
  />
  <Button
    block
    className="mt-3"
    inverted
    type="submit"
  >
    Validera
  </Button>
  <p>
    Open console to view validations
  </p>
</Form>

Properties

MobileInput

Prop nameTypeDefault ValueDescription
errorMessageDefaultstring'Ogiltigt format på mobilnumret'
errorMessageRequiredstring'Du måste ange ett mobilnummer'
isRequiredbooltrue
labelstring'Ange mobilnummer'
helpMessagestring
infoMessagestring
isLessSpacebool
name *string
onBlurfunc
onChange *func
onFocusfunc
value *string

Accessibility

This component has been validated to meet the WCAG 2.1 AA accessibility guidelines.

Read more about WCAG 2.1 AA.

Related

Hero Image

Way of thinking

Accessibility

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]Powered by Trinidad-UI: 9.7.6

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se