Commit45a515d

committed

feat(CTabPane): add thetransition property to enable control of fade animation on panels

1 parent96cee23 commit45a515dCopy full SHA for 45a515d

File tree

+14

-4

lines changed

packages
- coreui-vue/src/components/tabs
  - CTabPane.ts
- docs/api/tabs
  - CTabPane.api.md

+14

-4

lines changed

Lines changed: 10 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,15 @@ import { executeAfterTransition } from '../../utils/transition'`
`5`	`5`	`constCTabPane=defineComponent({`
`6`	`6`	`name:'CTabPane',`
`7`	`7`	`props:{`
	`8`	`+/**`
	`9`	`+ * Enable fade in and fade out transition.`
	`10`	`+ *`
	`11`	`+ *@since 5.1.0`
	`12`	`+ */`
	`13`	`+transition:{`
	`14`	`+type:Boolean,`
	`15`	`+default:true,`
	`16`	`+},`
`8`	`17`	`/**`
`9`	`18`	`* Toggle the visibility of component.`
`10`	`19`	`*/`
`@@ -57,9 +66,9 @@ const CTabPane = defineComponent({`
`57`	`66`	`{`
`58`	`67`	`class:[`
`59`	`68`	`'tab-pane',`
`60`		`-'fade',`
`61`	`69`	`{`
`62`	`70`	`active:props.visible,`
	`71`	`+fade:props.transition,`
`63`	`72`	`show:firstRender.value&&props.visible,`
`64`	`73`	`},`
`65`	`74`	`],`

Lines changed: 4 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -8,9 +8,10 @@ import CTabPane from '@coreui/vue/src/components/tabs/CTabPane'`
`8`	`8`
`9`	`9`	`####Props`
`10`	`10`
`11`		`-\| Prop name\| Description\| Type\| Values\| Default\|`
`12`		`-\| -----------\| -----------------------------------\| -------\| ------\| -------\|`
`13`		`-\|visible\| Toggle the visibility of component.\| boolean\| -\| false\|`
	`11`	`+\| Prop name\| Description\| Type\| Values\| Default\|`
	`12`	`+\| -------------------------------------------------------------\| ---------------------------------------\| -------\| ------\| -------\|`
	`13`	`+\|transition <br><divclass="badge bg-primary">5.1.0+</div>\| Enable fade in and fade out transition.\| boolean\| -\| true\|`
	`14`	`+\|visible\| Toggle the visibility of component.\| boolean\| -\| false\|`
`14`	`15`
`15`	`16`	`####Events`
`16`	`17`

Comments

(0)