Toasts

Usage

Import

import { useToast } from '@passfort/castle'
content_copy
Copy

Example

function Example() {
  const successToast = useToast()
  const handleClick = () => {
    successToast({
      title: 'Account created!',
      status: 'success',
    })
    log('Toast shown')
  }

  return <Button label="Show Toast" onClick={handleClick} />
}
function Example() {
  const successToast = useToast()
  const handleClick = () => {
    successToast({
      title: 'Account created!',
      status: 'success',
    })
    log('Toast shown')
  }

  return <Button label="Show Toast" onClick={handleClick} />
}
content_copy
Copy
live example

Position

function Example() {
  const successToast = useToast()
  const handleClick = () => {
    successToast({
      title: 'Top right',
      status: 'info',
      position: 'top-right',
    })
    log('Toast shown', 'description')
  }

  return <Button label="Show Toast" onClick={handleClick} />
}
function Example() {
  const successToast = useToast()
  const handleClick = () => {
    successToast({
      title: 'Top right',
      status: 'info',
      position: 'top-right',
    })
    log('Toast shown', 'description')
  }

  return <Button label="Show Toast" onClick={handleClick} />
}
content_copy
Copy
live example