Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-10 07:25:34 +00:00
Code Issues Projects Releases Wiki Activity

Add components to tailwindcss play

Browse Source
This commit is contained in:
khatabwedaa
2021-08-21 22:15:59 +02:00
parent 6c2956ba5e
commit 79d586e8fa
59 changed files with 67 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/Buttons/Primary.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code">
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/p7yNHfXifd'">
<div class="flex items-center justify-center px-3 py-8" slot="component">
<button class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-gray-700 focus:outline-none focus:bg-blue-500 dark:focus:bg-gray-700">
Primary

2
components/ui/Buttons/WithIcon.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code">
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/M9yIB1meqb'">
<div class="flex items-center justify-center px-3 py-6" slot="component">
<button class="flex items-center px-2 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-gray-700 focus:outline-none focus:bg-blue-500 dark:focus:bg-gray-700">
<svg class="w-5 h-5 mx-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">

2
components/ui/Buttons/WithMenu.vue
View File

@@ -1,5 +1,5 @@
<template>
<view-component :name="name" :code="code">
<view-component :name="name" :code="code" :playUrl="'https://play.tailwindcss.com/KMBxCUj7ts'">
<div class="flex justify-center px-3 pt-6 pb-40" slot="component">
<div class="flex items-center">
<button class="px-4 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-200 transform bg-blue-600 rounded-md dark:bg-gray-800 hover:bg-blue-500 dark:hover:bg-gray-700 focus:outline-none focus:bg-blue-500 dark:focus:bg-gray-700">Download</button>