Need private packages and team management tools?Check out npm Teams »

@rhi-ui/snackbar

0.0.1 • Public • Published

<rhi-ui-snackbar>

Install

npm install --save @rhi-ui/snackbar

Basic usage

<rhi-ui-snackbar message="Use snackbar to display an interactive message">
  <button event-name="action">Act</button>
  <button event-name="dismiss">Dismiss</button>
</rhi-ui-snackbar>

Property(Attribute)

Property(Attribute) Type Description
align(align-*) string Align snackbar to left, center, or right side of the viewport.
message string The text message to display .
persistent boolean Whether to show snackbar persistently (no timeout).This attribute can be added to slotted button to prevent default behavior of dismissing the snackbar on button click.
timeout number The amount of time in milliseconds to show the snackbar. Defaults to 2750.
event-name string Attribute for the slotted button that dispatches an event with defined value when the button is clicked.

Events

Events get dispatched on the <rhi-ui-snackbar> element when the user clicks the slotted button defined in the slotted buttons' value of event-name attribute.

Install

npm i @rhi-ui/snackbar

DownloadsWeekly Downloads

2

Version

0.0.1

License

Apache-2.0

Unpacked Size

15.1 kB

Total Files

7

Last publish

Collaborators

  • avatar