Skip to content

Instantly share code, notes, and snippets.

@andreyr82
andreyr82 / Confirm.vue
Created June 25, 2021 06:58 — forked from eolant/Confirm.vue
Vuetify Confirm Dialog component that can be used locally or globally
<template>
<v-dialog v-model="dialog" :max-width="options.width" :style="{ zIndex: options.zIndex }" @keydown.esc="cancel">
<v-card>
<v-toolbar dark :color="options.color" dense flat>
<v-toolbar-title class="white--text">{{ title }}</v-toolbar-title>
</v-toolbar>
<v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
<v-card-actions class="pt-0">
<v-spacer></v-spacer>
<v-btn color="primary darken-1" text @click.native="agree">Yes</v-btn>
<a href="http://www.google.com/" data-title="Hello world! rwerweerwe ">
Hover over me dfsd sdsdf sdfsdf sd sdf sd s fsdf sd sdf sdf
</a>
a {
position: relative;
display: inline-block;
margin-top: 40px;
font-family: 'Segoe UI';
}
@andreyr82
andreyr82 / designer.html
Created September 26, 2014 12:06
designer
<link rel="import" href="../topeka-elements/category-images.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../core-icons/av-icons.html">
<link rel="import" href="../paper-fab/paper-fab.html">
<polymer-element name="my-element">
<template>
<style>
@andreyr82
andreyr82 / designer.html
Created September 26, 2014 10:35
designer
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;