egoist / snackbar

A tiny browser library for showing a brief message at the bottom of the screen (1kB gzipped).

@snackbar/core

Install

yarn add @snackbar/core

Documentation

📝 https://snackbar.egoist.dev

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

snackbar © EGOIST, Released under the MIT License.
Authored and maintained by EGOIST with help from contributors (list).

egoist.dev · GitHub @EGOIST · Twitter @localhost_5173

snackbar's Issues

Add some tests

Stack effect

Like this:

---

IssueHunt Summary

yaodingyd has been rewarded.

Backers (Total: $100.00)

• issuehunt ($100.00)

Submitted pull Requests

• #38 feat: add Stack effect

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

---

IssueHunt has been backed by the following sponsors. Become a sponsor

Stop the snackbar from hiding when hovered

Documentation page links link to the wrong page

In the API documentation, the links in the sidebar redirect back to the home page with the hash in the URL.

Clicking "destroyAllSnackbars" redirects to https://snackbar.egoist.sh/index.html#destroyallsnackbars instead of https://snackbar.egoist.sh/docs#destroyallsnackbars

Lifecycle

Expose callback functions like onMounted, onDestroyed hooks etc.

Support themes

By default Snackbar uses a dark theme, but it should be configureable:

createSnackbar({
  theme: 'light',
  // Or 
  theme: {
    backgroundColor: 'red',
    color: 'gray'
  }
})

---

IssueHunt Summary

[
<
i
m
g

s
r
c

'
h
t
t
p
s
:
/
/
a
v
a
t
a
r
s
2
.
g
i
t
h
u
b
u
s
e
r
c
o
n
t
e
n
t
.
c
o
m
/
u
/
8
7
8
4
7
1
2
?
v

4
'

a
l
t

'
e
g
o
i
s
t
'

w
i
d
t
h

2
4

h
e
i
g
h
t

2
4

e
g
o
i
s
t
]
(
h
t
t
p
s
:
/
/
i
s
s
u
e
h
u
n
t
.
i
o
/
u
/
e
g
o
i
s
t
)

h
a
s

b
e
e
n

r
e
w
a
r
d
e
d
.

Backers (Total: $100.00)

• issuehunt ($100.00)

Submitted pull Requests

• #18 Add theme option

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

---

IssueHunt has been backed by the following sponsors. Become a sponsor

Add more themes

Like success error warning info

Migrate to monorepo structure

In preparation for React/Vue integration 😄

Support custom element in message?

Is it possible to support adding custom elements (like icons) in message?

---

IssueHunt Summary

saltysugar has been rewarded.

Backers (Total: $50.00)

• issuehunt ($50.00)

Submitted pull Requests

• #51 feat: allow message to be a DOM node

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

---

IssueHunt has been backed by the following sponsors. Become a sponsor

Move the package to an organization

I just created @snackbar on npm 😁 It will be available as @snackbar/core soon.

Documentation is not available

domain https://snackbar.egoist.sh/
ERR_SSL_PROTOCOL_ERROR

Use Saber to build the demo

Waiting for typescript support in Saber..

Add multiline text support

Text in bar is rather short, would you please add support for multiline text like :

first line of text is rather short
here is the second line