ActionSheetBase

Reusable ActionSheetBase component for Modal

Example

import {
  ActionSheetBase,
  Button,
  IItemType,
  Typography,
  usePopups,
  View,
} from '@lad-tech/mobydick-core';

export const ActionSheetWidget = () => {
  const {openPopup} = usePopups();
  return (
    <View>
      <Typography font={'Regular-Primary-H5'}>ActionSheet</Typography>
      <Button
        text={'ActionSheet'}
        onPress={() =>
          openPopup({
            Content: props => (
              <ActionSheetBase {...props}>
                <ActionSheetBase.Item
                  title={'firstItem'}
                  itemType={IItemType.firstItem}
                  onPress={props.onClose}
                />
                <ActionSheetBase.Item
                  title={'innerItem'}
                  itemType={IItemType.innerItem}
                  onPress={props.onClose}
                />
                <ActionSheetBase.Item
                  title={'innerItem'}
                  radio={'radio'}
                  itemType={IItemType.innerItem}
                  onPress={props.onClose}
                />
                <ActionSheetBase.Item
                  title={'lastItem'}
                  itemType={IItemType.lastItem}
                  onPress={props.onClose}
                />
                <ActionSheetBase.Item
                  title={'cancelItem'}
                  itemType={IItemType.cancelItem}
                  onPress={props.onClose}
                />
              </ActionSheetBase>
            ),
          })
        }
      />
    </View>
  );
};

Props

IPopup Props

Inherits IPopup Props except 'Content'

Required

onClose

TYPE
() => void

Function for close ActionSheetBase

overlayStyle

TYPE
ViewStyle

Custom styles for PopupBase

containerStyle

TYPE
ViewStyle

Custom styles for container ActionSheetBase

Components

Item

See Item