How to use sweetalert2-react-content - 10 common examples

To help you get started, we’ve selected a few sweetalert2-react-content examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ipti / br.tag / CMDCA / src / components / Record / RecordList.js View on Github external
import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import {NavLink} from 'react-router-dom'
import { MonetizationOn, SkipPrevious, SkipNext, Description } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class RecordList extends Component{
    constructor(props){
        super(props);
        this.state={
            record:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();
github rmemon / react-redux-admin-panel / src / containers / App / Backend / Access / Permissions / List.js View on Github external
DropdownMenu,
  DropdownToggle,
  Row,
} from 'reactstrap';

import {
  onUnloadAction,
  onClickDeleteAction,
  onLoadAction,
  onLoadRequestAction,
} from './actions';

import reducer from './reducer';
import injectReducer from 'utils/injectReducer';

const MySwal = withReactContent(Swal);

const title = 'Want To Delete ?';
const content =
  'This Permission will be deleted permanently and cannot be undone';

class List extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dropdownOpen: false,
      sorted: [],
      page: 0,
    };
    this.loadPermissionData();
github ipti / br.tag / CMDCA / src / components / Resolution / ResolutionList.js View on Github external
import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import { Receipt, SkipPrevious, SkipNext } from '@material-ui/icons';
import {NavLink} from 'react-router-dom'
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class ResolutionList extends Component{
    constructor(props){
        super(props);
        this.state={
            resolutions:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();
github rmemon / react-redux-admin-panel / src / containers / App / Backend / Access / Users / List.js View on Github external
DropdownMenu,
  DropdownToggle,
  Row,
} from 'reactstrap';

import {
  onUnloadAction,
  onClickDeleteAction,
  onLoadAction,
  onLoadRequestAction,
} from './actions';

import reducer from './reducer';
import injectReducer from 'utils/injectReducer';

const MySwal = withReactContent(Swal);

const title = 'Want To Delete ?';
const content = 'This User will be deleted permanently and cannot be undone';

class List extends Component {
  constructor(props) {
    super(props);

    this.state = {
      dropdownOpen: false,
      sorted: [],
      page: 0,
    };
    this.loadUserData();

    this.toggle = this.toggle.bind(this);
github ipti / br.tag / CMDCA / src / components / Schedule / ScheduleList.js View on Github external
import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import { SkipPrevious, SkipNext, Event} from '@material-ui/icons';
import {NavLink} from 'react-router-dom';
import api from '../../api/index.js';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal);


export default class ScheduleList extends Component{
    constructor(props){
        super(props);
        this.state={
            schedule:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
github ipti / br.tag / CMDCA / src / components / Advisor / AdvisorList.js View on Github external
import React, {Component} from 'react';
import {NavLink} from 'react-router-dom'
import {Card, Button, CardHeader, CardBody, Alert, CardImg, Row, Col, Label} from 'reactstrap';
import { SkipPrevious, SkipNext, Person } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class ResolutionList extends Component{
    constructor(props){
        super(props);
        this.state={
            advisor:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();
github ipti / br.tag / CMDCA / src / components / Notice / NoticeList.js View on Github external
import React, {Component} from 'react';
import {Card, Button, CardHeader, CardBody, Alert, Row, Col, Label} from 'reactstrap';
import {NavLink} from 'react-router-dom'
import { MonetizationOn, SkipPrevious, SkipNext, Description } from '@material-ui/icons';
import api from '../../api';
import catcherror from '../../util/catcherror';
import Swal from 'sweetalert2'
import withReactContent from 'sweetalert2-react-content'

const alertSW= withReactContent(Swal); 

export default class NoticeList extends Component{
    constructor(props){
        super(props);
        this.state={
            notice:[],
            results:0,
            totalPages:1,
            currentPage:1,
            lastpage:1,
            carregando:false
        };
    };

    async componentDidMount(){
        this.load();

sweetalert2-react-content

Official sweetalert2 enhancer adding support for React elements as content.

MIT
Latest version published 5 days ago

Package Health Score

77 / 100
Full package analysis

Popular sweetalert2-react-content functions