Saltar al contenido principal

AlertModal

Un modal tipo alerta que puede contener cualquier componente.

Docusaurus logo

Uso​

import React from "react";
import { View } from "react-native";
import {
  AlertModal,
  Theme,
  LinkButton,
  Text,
} from "@ga-innoval/react-native-ui";

export function Component() {
  const [isAlertVisible, setIsAlertVisible] = useState(true);

  return (
    <View style={{ flex: 1 }}>
      <AlertModal title="Alerta" visible={isAlertVtisible}>
        <Text style={{ marginBottom: 10 }}>
          Esta es una alerta que puede contener cualquier componente!
        </Text>
        <LinkButton text="Entendido" onPress={() => setIsAlertVisible(false)} />
      </AlertModal>
    </View>
  );
}

Props​

title​

Type: string

Texto a mostrarse como título en el modal.

visible​

Type: boolean

Esta propiedad determina si el modal se muestra o no.

children​

Type: ReactNode

Componente hijo.

Este componente incluye todas las propiedades del componente Modal.