@extends('layouts.master') @section('title')Unikit @endsection @section('css') @endsection @section('body-start') @endsection @section('content') @section('breadcrumb') @component('components.breadcrumb') @slot('li_1') Advanced UI @endslot @slot('title') Toasts @endslot @endcomponent @endsection

Basic

To encourage extensible and predictable toasts, we recommend a header and body.

Hello, world! This is a toast message.

Translucent

Toasts are slightly translucent, too, so they blend over whatever they might appear over.

Hello, world! This is a toast message.

Stacking

You can stack toasts by wrapping them in a toast container, which will vertically add some spacing.

Hello, world! This is a toast message.

Custom content

Alternatively, you can also add additional controls and components to toasts.

Hello, world! This is a toast message.

Toast Placement

Place toasts with custom CSS as you need them.

Hello, world! This is a toast message.

Custom Toast

You can use custom toast.

Charles Smith

UI/UX front end developer

@endsection @section('script') @endsection @section('body-end') @endsection