Yusron alamsyah
51 lines
2.1 KiB
Vue
51 lines
2.1 KiB
Vue
<template>
|
|
<v-row>
|
|
<v-col cols="12">
|
|
<SharedUiChildCard title="Chip">
|
|
<v-row>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Filled Color">
|
|
<template-ui-components-chip-filled-color />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Outlined">
|
|
<template-ui-components-chip-outlined />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Closable">
|
|
<template-ui-components-chip-closable />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Disabled">
|
|
<template-ui-components-chip-disabled />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Sizes">
|
|
<template-ui-components-chip-sizes />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Custom Icon">
|
|
<template-ui-components-chip-custom-icon />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Custom Icon Outlined">
|
|
<template-ui-components-chip-custom-icon-outlined />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
<v-col cols="6">
|
|
<SharedUiChildCard title="Label Chip">
|
|
<template-ui-components-chip-label-chip />
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
</v-row>
|
|
</SharedUiChildCard>
|
|
</v-col>
|
|
</v-row>
|
|
</template>
|