enrecipes/app/components/sub/SnackBar.vue
vishnuraghavb 0c91e9d814 merge v2
2021-06-28 17:08:21 +05:30

31 lines
No EOL
623 B
Vue

<template>
<RGridLayout
:rtl="RTL"
row="1"
class="appbar snackbar"
columns="auto, *, auto"
@swipe="action"
@loaded="onload"
>
<Button @tap="action" :text="count" class="ico t3 accent tb" />
<RLabel
@tap="action"
margin="0 2"
class="tw vc lh4"
col="1"
:text="msg | L"
/>
<Button class="ico fab rtl" :text="icon.undo" @tap="undo" col="3" />
</RGridLayout>
</template>
<script>
import { mapState } from "vuex";
export default {
props: ["count", "msg", "undo", "action", "onload"],
computed: {
...mapState(["icon", "RTL"]),
},
};
</script>