Repository URL to install this package:
|
Version:
8.1.0-rc.5 ▾
|
<Switch active> {({ active, toggle }) => active ? ( <Nag type="error" closeLabel="Close" autoClose onAutoClose={toggle}> Invalid email or password. Try again, please. </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>
<Switch active> {({ active, toggle }) => active ? ( <Nag type="error" closeLabel="Close" onClose={toggle}> Oops, that didn't work. Try again, please. </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>
<Switch active> {({ active, toggle }) => active ? ( <Nag closeLabel="Close" autoClose onAutoClose={toggle}> Comment posted. Good Job! </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>
<Switch active> {({ active, toggle }) => active ? ( <Nag closeLabel="Close" onClose={toggle} actions={({ dismiss }) => ( <div> <Button variant="linkDark" onClick={dismiss}> Resend activation email </Button> <Button variant="linkDark" onClick={dismiss} disabled> Disabled button </Button> </div> )} > <span>Account created. Please, follow activation instructions sent to your email.</span> </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>
<Switch active> {({ active, toggle }) => active ? ( <Nag type="notice" closeLabel="Close" onClose={toggle}> This is notice notification. Neither good nor bad. Relax. </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>
<Switch active> {({ active, toggle }) => active ? ( <Nag type="neutral" closeLabel="Close" onClose={toggle} > This is just a neutral notification. Neither good nor bad. Relax. </Nag> ) : ( <Button variant="white" onClick={toggle}> show </Button> ) } </Switch>