enrecipes/app/components/sub/SnackBar.vue
2021-06-18 18:22:03 +05:30

25 lines
No EOL
592 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 4" class="tb 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>