Skip to content

Fluent dialog for display custom content with title and buttons

Notifications You must be signed in to change notification settings

chrisglein/react-native-content-dialog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Content Dialog npm version

Fluent dialog for display custom content with title and buttons

Install

Yarn

yarn add react-native-content-dialog

Get Started

import React from 'react';
import { Button, Text,View } from 'react-native';

import { ContentDialog } from 'react-native-content-dialog';

export default function App(): JSX.Element {
  const [showDialog, setShowDialog] = React.useState(false);
  return (
    <View>
      <Button title='Show dialog' onPress={() => {setShowDialog(true)}}/>
      <ContentDialog
        title='This is my dialog title'
        show={showDialog}
        close={() => setShowDialog(false)}>
        <Text>This is my dialog content</Text>
      </ContentDialog>
    </View>
  );
}

See this live in this Expo Snack.

About

Fluent dialog for display custom content with title and buttons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published