Version: 3.0.0-next.36

Toast

Toast is used to show alerts on top of an overlay. Toast will close itself when the close button is clicked, or after a timeout — the default is 5 seconds. The toast component is used to give feeback to users after an action has taken place.

Import#

import { useToast } from 'native-base';

Examples#

Basic#

Position#

Offset#

Props#

NameTypeDescriptionDefault
titlestringThe title of the toast.-
_titleTextPropsObject that contains props for Title styling.-
durationlong, short, numberThe duration of toast. If number, then in mili-seconds.2000
positionbottom, center, topThe position at which toast will appear.bottom
offset{x: number y: number}The offset of toast from regular position.-