Skip to content

Latest commit

 

History

History
39 lines (37 loc) · 765 Bytes

README.md

File metadata and controls

39 lines (37 loc) · 765 Bytes

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>