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'
        })
    }

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

    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'
        })
    }

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

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