davila.erdianita.1005/coba-tampilan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
meninjar
2025-06-20 02:59:01 +00:00
commit be4de9f24a
431 changed files with 35653 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
pages/ui-components/Buttons.vue Executable file
View File

@@ -0,0 +1,64 @@
<script setup lang="ts">
import { ref } from 'vue';
/*import tabler icons*/
import { TrashIcon, SendIcon, BellIcon } from 'vue-tabler-icons';
import UiChildCard from '@/components/shared/UiChildCard.vue';
// icons
import { AccessPointIcon } from 'vue-tabler-icons';
import BaseButtons from '@/components/ui-components/button/BaseButtons.vue';
import ColorsButtons from '@/components/ui-components/button/ColorsButtons.vue';
import OutlinedButtons from '@/components/ui-components/button/OutlinedButtons.vue';
import SizeButtons from '@/components/ui-components/button/SizeButtons.vue';
import TextButtons from '@/components/ui-components/button/TextButtons.vue';
import IconColorSizes from '@/components/ui-components/button/IconColorSizes.vue';
// buttons color data
const btnsColor = ref(['primary', 'secondary', 'success', 'error', 'warning']);
</script>
// ===============================|| Ui Buttons ||=============================== //
<template>
<v-row>
<v-col cols="12">
<v-row>
<!-- Base Buttons -->
<v-col cols="12" sm="12">
<UiChildCard title="Default">
<BaseButtons />
</UiChildCard>
</v-col>
<!-- Color Buttons -->
<v-col cols="12" lg="6">
<UiChildCard title="Colors">
<ColorsButtons />
</UiChildCard>
</v-col>
<!-- Outlined Buttons -->
<v-col cols="12" lg="6">
<UiChildCard title="Outlined">
<OutlinedButtons />
</UiChildCard>
</v-col>
<!-- Sizes -->
<v-col cols="12" lg="12">
<UiChildCard title="Size">
<SizeButtons />
</UiChildCard>
</v-col>
<!-- Text Buttons -->
<v-col cols="12" lg="6">
<UiChildCard title="Text Color">
<TextButtons />
</UiChildCard>
</v-col>
<!-- Icon Color Sizes -->
<v-col cols="12" lg="6">
<UiChildCard title="Icon Size">
<IconColorSizes />
</UiChildCard>
</v-col>
</v-row>
</v-col>
</v-row>
</template>