2021-02-15 08:22:20 +00:00
|
|
|
<template>
|
2021-09-19 13:00:43 +00:00
|
|
|
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/fD5MVNLO28'">
|
2021-02-15 08:22:20 +00:00
|
|
|
<div class="flex items-center justify-center px-3 py-8" slot="component">
|
2021-09-19 13:00:43 +00:00
|
|
|
<button class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-indigo-600 rounded-md hover:bg-indigo-500 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-80">
|
2021-02-15 08:22:20 +00:00
|
|
|
Primary
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</view-component>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
name: 'Primary',
|
|
|
|
code: `
|
2021-09-19 13:00:43 +00:00
|
|
|
<button class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-indigo-600 rounded-md hover:bg-indigo-500 focus:outline-none focus:ring focus:ring-indigo-300 focus:ring-opacity-80">
|
2021-02-15 08:22:20 +00:00
|
|
|
Primary
|
|
|
|
</button>`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|