@farm-investimentos/front-mfe-components 15.5.0 → 15.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "15.5.0",
+	"version": "15.5.1",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/Collapsible/Collapsible.stories.js

@@ -150,6 +150,22 @@ export const Dense = () => ({
 		'<farm-collapsible icon="plus" title="With Icon" textChip="chip" dense showChip>collapsible content</farm-collapsible>',
 });
 
+export const Custom = () => ({
+	template: `
+		<farm-collapsible custom>
+		<template #custom>
+			<farm-btn
+				v-bind="attrs"
+				v-on="on"
+			>
+				custom
+			</farm-btn>
+		</template>
+		collapsible content		
+		</farm-collapsible>
+		`,
+});
+
 Primary.storyName = 'Basic';
 Title.storyName = 'Title';
 Icon.storyName = 'Icon';

package/src/components/Collapsible/Collapsible.vue

@@ -3,23 +3,24 @@
 		<farm-card-content gutter="md">
 			<div class="collapsible__header" @click="onToggleCollapsible(status)">
 				<div class="collapsible__content-title">
-					<div class="collapsible__icon collapsible__icon--main" v-if="icon !== ''">
+					<div class="collapsible__icon collapsible__icon--main" v-if="icon !== '' && !custom">
 						<farm-icon size="md" :color="colorIcon">
 							{{ icon }}
 						</farm-icon>
 					</div>
-					<farm-heading type="6" color="black">
+					<farm-heading type="6" color="black" v-if="!custom">
 						{{ title }}
 					</farm-heading>
 					<farm-btn
 						outlined
 						class="ml-6"
-						v-if="hasButton"
+						v-if="hasButton && !custom"
 						:disabled="disabledButton"
 						@click.stop="onClick()"
 					>
 						{{ labelButton }}
 					</farm-btn>
+					<slot name="custom" v-if="custom"></slot>
 				</div>
 				<div class="collapsible__content-right">
 					<div class="collapsible__icon" v-if="showChip">
@@ -175,6 +176,10 @@ export default defineComponent({
 			type: String,
 			default: 'base',
 		},
+		custom: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	data() {