Skip to content

Gallactica/Snackbar

Repository files navigation

Snackbar

preview

Подключение

<head>
    <link rel="stylesheet" href="/snackbar.min.css">
</head>

<body>
    <div class="snackbar"></div>
    <script src="/snackbar.min.js"></script>
</body>

Использование

<script>
    snackbar("Сообщение")
</script>

Пример

<script>
    var counter = 0
    setInterval(() => {
        snackbar('Счетчик - ' + (counter++))
    }, 1000)
</script>

Настройки

<!-- По центру, снизу -->
<div class="snackbar"></div>
<!-- По центру, сверху -->
<div class="snackbar top"></div>
<!-- По бокам, сверху -->
<!-- left/right -->
<div class="snackbar top left"></div>

About

notification

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published