{"id":7369,"date":"2020-04-23T10:22:55","date_gmt":"2020-04-23T10:22:55","guid":{"rendered":"https:\/\/www.getwidget.dev\/blogs\/flutter-toast-widget\/"},"modified":"2024-11-03T21:06:02","modified_gmt":"2024-11-03T21:06:02","slug":"flutter-toast-widget","status":"publish","type":"post","link":"https:\/\/www.getwidget.dev\/blog\/flutter-toast-widget\/","title":{"rendered":"How to Design and Show Flutter Toast Message With Example"},"content":{"rendered":"<h3 id=\"flutter-toaster-widget\">Flutter Toaster Widget<\/h3>\n<p><a href=\"https:\/\/docs.getwidget.dev\/gf-toast\/\" target=\"_blank\" rel=\"noopener\"><strong>Flutter Toast<\/strong><\/a> is a simple widget that is displayed on the screen to show some particular messages and remains for a short period of time and then disappears on its own after a few seconds. It is useful to show some error messages or any popups to the user. In another word, Flutter Toast Widget allows building an additional action event in your application that allows users to get a specific message for a particular interval of time to get an alert with an additional message without blocking the user interaction.<\/p>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" class=\"kg-image lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getwidget\/\/2023\/04\/Flutter-Toast-widget-Example.png\" alt=\"\" width=\"713\" height=\"324\" \/><noscript><img decoding=\"async\" class=\"kg-image lazyload\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getwidget\/\/2023\/04\/Flutter-Toast-widget-Example.png\" alt=\"\" width=\"713\" height=\"324\" \/><\/noscript><\/figure>\n<p>So, Are you ready to develop some awesome Flutter Toast widgets for your apps? Let&#8217;s build some Toast widget that helps to increase user experience with your application. Here I am going to use an open-source UI Library known as <a href=\"https:\/\/www.getwidget.dev\/\"><strong>GetWidget<\/strong><\/a> to build this widget. Here is a short introduction about the GetWidget <a href=\"https:\/\/docs.getwidget.dev\/gf-toast\/\" target=\"_blank\" rel=\"noopener\">Flutter Toaster widget<\/a> and why I am using this.<\/p>\n<h3 id=\"gf-flutter-toaster-widget\"><strong>GF Flutter<\/strong> Toaster Widget:<\/h3>\n<p><strong>GetWidget<\/strong> Toast is a <strong>Flutter Toaster <\/strong><em>widget<\/em> that is used to display quick warning or error messages on the screen and it disappears on its own or stays according to the user&#8217;s requirement. It is helpful to show any kind of message with the customization options of the toasts to the user. As it is highly customizable it can be widely used throughout the application wherever needed. It can be displayed in any position throughout the screen using the position properties.<\/p>\n<p>Thus GF Toast has a number of options and can be used widely.<\/p>\n<h3 id=\"flutter-toast-types\"><strong>Flutter Toast Types <\/strong><\/h3>\n<h3 id=\"auto-dismissable-flutter-toaster\">Auto Dismissable Flutter Toaster<\/h3>\n<p>As the name says, the toast will be dismissed after a certain given number of seconds. It can be controlled by the user and depends on how much time the user gives it to stay on the screen, after the time it disappears on its own.<\/p>\n<h3 id=\"flutter-basic-toaster\">Flutter Basic Toaster<\/h3>\n<p>Basic toast is a simple toast that stays on the screen and with the click of a button it disappears. It can also be used as auto dismiss toast by making autoDismiss property to true.<\/p>\n<h3 id=\"flutter-rounded-toaster\">Flutter Rounded Toaster<\/h3>\n<p>Rounded toast is the same as basic toast but has rounded edges around the toast and makes it look better for the user to see.<\/p>\n<h3 id=\"flutter-full-width-toaster\">Flutter Full-Width Toaster<\/h3>\n<p>Full-Width Toast will take the maximum and full width of the screen to print the error messages and the toast will look in full width according to the mobile screen.<\/p>\n<h3 id=\"how-to-start\">How to Start:<\/h3>\n<p>Now, here is the guide about how we should you can start developing Flutter Toast Widget with the help of <strong>GetWidget<\/strong> UI Library.<\/p>\n<p>First, Let go with<a href=\"https:\/\/docs.getwidget.dev\/\" target=\"_blank\" rel=\"noopener\"><strong> Getwidget Flutter Docs<\/strong><\/a><strong>,<\/strong> It will guide you on how to start building a beautiful <a href=\"https:\/\/market.getwidget.dev\/\" target=\"_blank\" rel=\"noopener\">flutter application<\/a> UI with the <strong>GetWidget UI library<\/strong>. Now, we have to install the <strong>GetWidget<\/strong> package from the <strong>pub.dev<\/strong>, To import the package in your Flutter project follow the below guide.<\/p>\n<blockquote><p><em>Install Package from pub.dev :<\/em><\/p><\/blockquote>\n<p><a href=\"https:\/\/pub.dev\/packages\/getwidget\/\" target=\"_blank\" rel=\"noopener\"><strong>https:\/\/pub.dev\/packages\/getwidget<\/strong><\/a><strong> &#8211; Check the details about GetWidget Package.<\/strong><\/p>\n<h3 id=\"import-full-package\">Import full package:<\/h3>\n<p>import &#8216;package:getwidget\/getwidget.dart&#8217;;<\/p>\n<p><strong>Note: dependencies: getwidget: ^4.0.0<\/strong><\/p>\n<blockquote><p><em>Keep playing with the pre-built UI components.<\/em><\/p><\/blockquote>\n<h3 id=\"example-of-how-to-start-and-use-the-gftoast-widget\">Example of how to start and use the GFToast Widget:<\/h3>\n<p><strong>GFToast<\/strong> should be wrapped inside the <a href=\"https:\/\/www.getwidget.dev\/blog\/flutter-floating-widget\/\"><strong>GF Flutter Floating<\/strong> <strong>Widget<\/strong><\/a>. The <strong>child<\/strong> of the <a href=\"https:\/\/docs.getwidget.dev\/gf-floating-widget\/\" target=\"_blank\" rel=\"noopener\"><strong>GFFloating Widget<\/strong><\/a> takes <strong>GFToast<\/strong> as its argument and the <strong>body<\/strong> takes any kind of widgets.<\/p>\n<p>The simple example code for Flutter Toast<\/p>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n \n return Scaffold(\n   body:GFFloatingWidget(\n     child:GFToast(\n     text: 'This item already has the label \u201ctravel\u201d',\n   ),\n   body:Text('body or any kind of widget here..')\n )\n)\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Flutter Toast basic example with GFToast<\/span><\/p>\n<\/figcaption><\/figure>\n<h3 id=\"example-of-auto-dismissable-toast\">Example of Auto Dismissable toast<\/h3>\n<p>The bool value <code>true<\/code> should be passed to <strong>autoDismiss<\/strong> property to make the toast, auto dismissible,<\/p>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n  text: 'This item already has the label \u201ctravel\u201d',\n  autoDismiss: true,\n)\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Flutter auto dismiss toaster<\/span><\/p>\n<\/figcaption><\/figure>\n<h3 id=\"example-of-basic-toast-with-a-button-in-it\">Example of basic toast with a button in it<\/h3>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n  text:'This item already has the label \u201ctravel\u201d',\n  button: GFButton(\n     onPressed: () {},\n     text: 'Close',\n     type: GFButtonType.transparent,\n     color: GFColor.success,\n   ),\n   autoDismiss: false,\n),\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Flutter Toast With button Example Code\u00a0<\/span><\/p>\n<\/figcaption><\/figure>\n<h3 id=\"example-of-rounded-toast-with-a-button-in-it\">Example of rounded toast with a button in it<\/h3>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n   text: 'Paired Succesfully !',\n   button: GFButton(\n       onPressed: () {},\n       text: 'OK',\n       type: GFButtonType.transparent,\n        color: GFColors.SUCCESS,\n    ),\n      type: GFToastType.rounded,\n      autoDismiss: false,\n       alignment: Alignment.topLeft,\n  ),\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Flutter Rounded Toast example Code\u00a0<\/span><\/p>\n<\/figcaption><\/figure>\n<p>Replace the type to <strong>GFToastType<\/strong>.<strong>fullWidth<\/strong> to get the <strong>fullWidth<\/strong> toast<\/p>\n<h3 id=\"how-to-set-position-in-toaster-widget\">How to set Position in Toaster widget<\/h3>\n<p>Toasts can be positioned accordingly inside the <strong>GFFloating<\/strong> Widget. The positioning takes two parameters ie, <strong>horizontalPosition<\/strong> and <strong>verticalPosition<\/strong>. The usage of these is shown below.<\/p>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nbody:GFFloatingWidget(\n    horizontalPosition:40.0,\n    verticalPosition:20.0,\n    child:GFToast(\n    text: 'Logged In',\n  ),\n body:Text('body or any kind of widget here..')\n)\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Flutter Toast position Code example<\/span><\/p>\n<\/figcaption><\/figure>\n<p>The look and feel of the <strong>GFToast<\/strong> can be altered according to the need that has customization options shown below.<\/p>\n<table>\n<thead>\n<tr>\n<th>Name<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>text<\/strong><\/td>\n<td>text of type [String] display on toast<\/td>\n<\/tr>\n<tr>\n<td><strong>backgroundColor<\/strong><\/td>\n<td>defines the background color of the toast<\/td>\n<\/tr>\n<tr>\n<td><strong>textStyle<\/strong><\/td>\n<td>defines the test style of the toast text<\/td>\n<\/tr>\n<tr>\n<td><strong>toastBorderRadius<\/strong><\/td>\n<td>defines the border radius of the toast<\/td>\n<\/tr>\n<tr>\n<td><strong>border<\/strong><\/td>\n<td>defines the border of the toast<\/td>\n<\/tr>\n<tr>\n<td><strong>toastPosition<\/strong><\/td>\n<td>defines the position of toast over the screen<\/td>\n<\/tr>\n<tr>\n<td><strong>toastDuration<\/strong><\/td>\n<td>defines the duration of time toast display over screen<\/td>\n<\/tr>\n<tr>\n<td><strong>trailing<\/strong><\/td>\n<td>defines the trailing widget of the toast<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Check out more details about <a href=\"https:\/\/docs.getwidget.dev\/gf-toast\/\" target=\"_blank\" rel=\"noopener\">Flutter Toast Widget <\/a>more details and custom properties on below:<\/p>\n<figure class=\"kg-card kg-bookmark-card\">\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GF Toast &#8211; A Flutter Toast Widget<\/div>\n<div class=\"kg-bookmark-description\">GFToast can be used to display quick warning or error messages.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/favicon_QkjfdlGz1.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/favicon_QkjfdlGz1.png\" alt=\"\" \/><\/noscript><span class=\"kg-bookmark-author\">getwidget<\/span><span class=\"kg-bookmark-publisher\">getwidget<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getwidget\/docs\/tr:w-800,f-auto\/Toasts_CjkhzUIzm.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getwidget\/docs\/tr:w-800,f-auto\/Toasts_CjkhzUIzm.png\" alt=\"\" \/><\/noscript><\/div>\n<\/figure>\n<h3 id=\"how-to-create-custom-flutter-toaster-with-gftoast\">How to create Custom Flutter Toaster with GFToast?<\/h3>\n<p><strong>GF Flutter Basic Toas<\/strong>t is the default and simple GFToast that remains on the screen for a given interval of time and with the click of the button, it leaves the screen. To make the toast disappear on its own with a certain time interval, the autoDismiss property should be used.<\/p>\n<p>The example code for the GFToast is as follows.<\/p>\n<figure class=\"kg-card kg-code-card\">\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n \n return Scaffold(\n   body:GFFloatingWidget(\n     child:GFToast(\n     text: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.',\n   ),\n   body:Text('body or any kind of widget here..')\n )\n)\n<\/code><\/pre><figcaption><span style=\"white-space: pre-wrap;\">Basic GFToast Widget<\/span><\/p>\n<\/figcaption><\/figure>\n<p>Now we will see the code with a button in it. How can the user make use of the buttons to close the toast with help of the action button?<\/p>\n<p>The below example code is with the buttons for user-friendly toasts.<\/p>\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n  text:'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',\n  button: GFButton(\n     onPressed: () {},\n     text: 'Close',\n     type: GFButtonType.transparent,\n     color: GFColor.success,\n   ),\n   autoDismiss: false,\n),\n<\/code><\/pre>\n<h3 id=\"how-to-create-flutter-round-toaster-with-example-code\">How to Create Flutter Round Toaster with example code?<\/h3>\n<p><strong>Rounded Toast<\/strong> is also a simple GFToast that is the same as basic toast that remains on the screen for a given amount of time and then disappears when the user performs the required action but has rounded edges around the toast and makes it look better for the user to see.<\/p>\n<p>The below code gives a Flutter Rounded Toast that has rounded edges around the toast.<\/p>\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n   text: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',\n   button: GFButton(\n       onPressed: () {},\n       text: 'OK',\n       type: GFButtonType.transparent,\n        color: GFColors.DANGER,\n    ),\n      type: GFToastType.rounded,\n      autoDismiss: false,\n       alignment: Alignment.topLeft,\n  ),\n<\/code><\/pre>\n<h3 id=\"how-to-create-fullwidth-flutter-toaster-with-example-code\">How to Create Fullwidth Flutter Toaster with Example code<\/h3>\n<p><strong>Full-Width Toast<\/strong> is one kind of GFToast and it does the same work as basic and rounded toasts but the difference is that it will take the maximum and full width of the screen to print the error messages and the toast will look in full width according to the mobile screen.<\/p>\n<p>The below code gives a Fullwidth Toast that takes the maximum and full width of the screen.<\/p>\n<pre><code class=\"language-dart\">import 'package:getwidget\/getwidget.dart';\n\nGFToast(\n   text: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit',\n   button: GFButton(\n       onPressed: () {},\n       text: 'OK',\n       type: GFButtonType.transparent,\n        color: GFColors.WARNING,\n    ),\n      type: GFToastType.fullWidth,\n      autoDismiss: false,\n       alignment: Alignment.topLeft,\n  ),\n<\/code><\/pre>\n<p><strong>GFToast<\/strong> has more customization options and properties. To view them and use them in your application head to the official <a href=\"https:\/\/docs.getwidget.dev\/gf-toast\/\" target=\"_blank\" rel=\"noopener\"><strong>GFToast<\/strong><\/a> documentation.<\/p>\n<h3 id=\"without-using-autodismiss-property-can-we-dismiss-the-toast\">Without using autoDismiss property can we dismiss the toast?<\/h3>\n<p>Yes, by default autoDismiss property is set to true, if autoDismiss is not required then set it to false.<\/p>\n<h3 id=\"can-we-change-the-width-of-the-toast-accordingly\">Can we change the width of the toast accordingly?<\/h3>\n<p>Yes, we can change the width by using the <strong>width<\/strong> property.<\/p>\n<h3 id=\"does-flutter-toast-widget-support-for-web\">Does Flutter Toast Widget support for Web?<\/h3>\n<p>Yes, But for the web, it is in the beta phase I suggest you not use it in production until Flutter does not release the stable version for Flutter Web.<\/p>\n<h3 id=\"is-this-flutter-toast-widget-customizable\">Is This Flutter Toast Widget customizable?<\/h3>\n<p>Yes, It is fully customizable, So you can customize it as per your Flutter application requirements.<\/p>\n<p><strong>GFToast<\/strong> has more customization options and properties. To view them and use them in your application head to the official Getwidget <a href=\"https:\/\/docs.getwidget.dev\/gf-toast\/\" target=\"_blank\" rel=\"noopener\">Flutter Docs<\/a>.<\/p>\n<p><a href=\"https:\/\/docs.getwidget.dev\/\" target=\"_blank\" rel=\"noopener\"><strong>Flutter Get Widget Docs<\/strong><\/a><\/p>\n<figure class=\"kg-card kg-bookmark-card\">\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">Flutter GetWidget Docs<\/div>\n<div class=\"kg-bookmark-description\">Get Widget is one of the largest Flutter open-source UI Kit libraries for mobile or web apps. It has more than 1000+ pre-built reusable widgets.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/favicon_QkjfdlGz1.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/favicon_QkjfdlGz1.png\" alt=\"\" \/><\/noscript><span class=\"kg-bookmark-author\">getwidget<\/span><span class=\"kg-bookmark-publisher\">getwidget<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/docs\/tr:dpr-auto,tr:w-auto\/link-share_aT-cHzGY9.png\" alt=\"\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/docs\/tr:dpr-auto,tr:w-auto\/link-share_aT-cHzGY9.png\" alt=\"\" \/><\/noscript><\/div>\n<\/figure>\n<p><a href=\"https:\/\/github.com\/ionicfirebaseapp\/getwidget\/\" target=\"_blank\" rel=\"noopener\"><strong>GitHub Repository<\/strong><\/a>: Please do appreciate our work through Github start<\/p>\n<p><strong>Also Read: <a href=\"https:\/\/www.getwidget.dev\/blog\/top-10-best-flutter-toast-widgets-list\/\" rel=\"noreferrer\"><strong>Top 10 Best Flutter Toast Widgets List<\/strong><\/a><\/strong><\/p>\n<h3 id=\"conclusion\">Conclusion:<\/h3>\n<p>Here we discuss, what <strong>Flutter Toast Widget<\/strong> is? And how we can use and implement it into our Flutter app through the <strong>GetWidget<\/strong> Toast component. Here, there are options to customize and use other types of toasts and to position the toast wherever needed on the screen.<\/p>\n<h3 id=\"about-our-team\"><strong>About Our Team:<\/strong><\/h3>\n<p>We have been working on Flutter since Flutter launched in beta version in 2017. And our team have been putting hundreds and hundreds of hour to experiment and implementation of Flutter. As well as After successfully delivering enterprise and SAAS applications that have been used by more than 500+ businesses around 119+ countries. Now we are in love with <a href=\"https:\/\/www.getwidget.dev\/hire-flutter-developer\">Flutter app development<\/a> and we are very passionate about Flutter development. Now it is something we trying to give a small contribution to the <a href=\"https:\/\/forum.getwidget.dev\/\" target=\"_blank\" rel=\"noopener\">Flutter Dev Community<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"You can create a custom Flutter toast message with lots of variants like Rounder toaster, Full-width Custom toaster message step by step with example code.","protected":false},"author":1,"featured_media":5208,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[139],"tags":[],"class_list":{"0":"post-7369","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-flutter","8":"cs-entry"},"_links":{"self":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/comments?post=7369"}],"version-history":[{"count":3,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7369\/revisions"}],"predecessor-version":[{"id":8597,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7369\/revisions\/8597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/media\/5208"}],"wp:attachment":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/media?parent=7369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/categories?post=7369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/tags?post=7369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}