📲
HC Mobile App UI Docs
  • Introduction
  • Foundations
    • Colors
    • Icons
    • Layout Primitives
    • Theming
  • Typography
    • Heading
    • Text
    • Custom Fonts
  • Components
    • Accordion
    • Avatar
    • Bottom Sheet
    • Button
    • Button Group
    • Card List
    • Card List Item
    • Checkbox
    • Chip
    • Date Picker
    • Divider
    • Expandable Card
    • Floater
    • Horizontal List
    • Icon
    • Icon Toggle
    • Link
    • List Header
    • Lower Prompt
    • Nestable List
    • Pill Toggle
    • Radio
    • Select Picker
    • Selectable List
    • Text Input
    • Tiles
  • Utilities
    • Device Utilities
    • Layout Utilities
  • Resources
    • Issues
    • Changelog
    • GitHub
Powered by GitBook
On this page
  • Installation
  • Example
  • Props
  1. Components

Select Picker

PreviousRadioNextSelectable List

Last updated 2 years ago

MAU uses the React Native Picker Select. See:

Installation

Since React Native Picker Select is dependent on , you will need to install the library as a dependency in your project:

yarn add @react-native-picker/picker

Once the dependency is installed, import the SelectPicker component from the UI Library:

import { SelectPicker, SelectPickerProps } from 'hc-mobile-app-ui';

Example

Props

In addition to the props listed at:

Name
Type
Description

isUnderlined

boolean

Enables the underlined variant for the select picker

shouldShowPlaceholder

boolean

Determines if the placeholder should be shown or not

label

string

Label for the Select Picker

react-native-picker-select
React Native Picker
https://github.com/lawnstarter/react-native-picker-select#props