KTransition link to current page

develop | Release notes

Overview
#

Exposes predefined set of transitions built on top of Vue's <transition>.

Usage
#

Available transitions
#

component-fade-out-in

Suitable when switching between two elements/components.


        <KTransition kind="component-fade-out-in">
          <div
            v-if="isTruthy"
            key="key-1"
          >
            First component
          </div>
          <div
            v-else
            key="key-2"
          >
            Second component
          </div>
        </KTransition>

Output:

First component

Related
#

Props
#

Name Description Type Default Required
kind
#
Transition kind. Can be one of: 'component-fade-out-in'.
 string — true

Slots
#

Name Description
default
#
 —