📦 indatastar-styled-confirm-sheet

A simple, promise-based confirmation sheet / dialog for React Native.
Designed to make confirmations easy, clean, and reusable.

Built with React Native and works with async/await.

✨ Features

• ✅ Promise-based API – Use await confirm() for clean control flow
• 🧩 Provider-based – One provider at the app root
• 🎨 Customizable UI – Title, message, icons, and actions
• ⚠️ Destructive actions support – Highlight dangerous actions
• 👆 Backdrop dismiss support
• 💻 TypeScript friendly
• 📱 Expo & React Native compatible

📦 Installation

npm install indatastar-styled-confirm-sheet

🚀 Usage

import React from "react";
import { View, Button } from "react-native";
import { ConfirmProvider, confirm } from "indatastar-styled-confirm-sheet"; 

export default function App() {
  const handleDelete = async () => {
    const result = await confirm({
      title: "Delete item?",
      message: "This action cannot be undone.",
      icon: "trash",
      actions: [
        { key: "cancel", label: "Cancel" },
        { key: "confirm", label: "Delete", destructive: true },
      ],
      dismissOnBackdropPress: true,
    });

    if (result === "confirm") {
      console.log("Deleted!");
    }
  };

  return (
    <ConfirmProvider children={undefined}>
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Button title="Show Confirm" onPress={handleDelete} />
      </View>
    </ConfirmProvider>
  );
}
  

⚙️ Options Prop

| Option | Type | Description | |--------------------------|------------|----------------------------------------------| | title | string | Title of the confirmation | | message | string | Description message | | icon | string | Optional icon name | | actions | Action[] | List of action buttons | | dismissOnBackdropPress | boolean | Close sheet when backdrop is pressed |

🔘 Actions Prop

| Property | Type | Description | |--------------|----------|---------------------------------------| | key | string | Returned value when pressed | | label | string | Button text | | destructive | boolean | Marks action as destructive |

📄 License

MIT