Skip to content

Instantly share code, notes, and snippets.

@hpphat92
Created July 24, 2020 10:55
Show Gist options
  • Save hpphat92/8bf80250f299b850fc53a86ebaa879d0 to your computer and use it in GitHub Desktop.
Save hpphat92/8bf80250f299b850fc53a86ebaa879d0 to your computer and use it in GitHub Desktop.
<template>
<style>
:host {
display: block;
contain: content;
border: 1px solid rgba(255, 0, 0, .8);
background-color: rgba(255, 0, 0, .4);
border-radius: 4px;
box-shadow: 0 0 10px rgba(128, 100, 38, 0.34);
font-family: sans-serif;
font-size: 16px;
max-width: 300px;
padding: 12px 16px;
}
</style>
<slot name="emoji"></slot>
<slot name="message"></slot>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment