Beta.14

Docs

Getting Started

What is FormKit?

Installation

Your first form

Community

Essentials

Inputs

Validation

Styling

Internationalization

Custom inputs

Schema

Configuration

Architecture

Examples

Inputs

Autocomplete

Button

Checkbox

Color

Date

Date Picker

Datetime-local

Dropdown

Email

File

Form

Group

Hidden

List

Mask

Month

Number

Password

Radio

Range

Rating

Repeater

Search

Select

Submit

Taglist

Telephone

Text

Textarea

Time

Toggle

URL

Week

Plugins

AutoAnimate

Icons

API Reference

@formkit-addons

@formkit-core

@formkit-i18n

@formkit-inputs

@formkit-observer

@formkit-themes

@formkit-utils

@formkit-validation

@formkit-vue

Context object

Guides

Build a multi-step form

Create a custom input

Create a Tailwind CSS theme

Export and restructure inputs

Tools

Playground
Pro
i18n Locale Builder

About

About
What is FormKit?
Privacy Policy
Terms of Service
  • Docs
  • Inputs
    • Autocomplete
    • Button
    • Checkbox
    • Color
    • Date
    • Date Picker
    • Datetime-local
    • Dropdown
    • Email
    • File
    • Form
    • Group
    • Hidden
    • List
    • Mask
    • Month
    • Number
    • Password
    • Radio
    • Range
    • Rating
    • Repeater
    • Search
    • Select
    • Submit
    • Taglist
    • Telephone
    • Text
    • Textarea
    • Time
    • Toggle
    • URL
    • Week
  • Playground
  • About
  • Pro
Theme
Api-reference
Sponsors
  • Vue School logo
  • Your Logo Here

Docs Navigation

Getting Started

What is FormKit?

Installation

Your first form

Community

Essentials

Inputs

Validation

Styling

Internationalization

Custom inputs

Schema

Configuration

Architecture

Examples

Inputs

Autocomplete

Button

Checkbox

Color

Date

Date Picker

Datetime-local

Dropdown

Email

File

Form

Group

Hidden

List

Mask

Month

Number

Password

Radio

Range

Rating

Repeater

Search

Select

Submit

Taglist

Telephone

Text

Textarea

Time

Toggle

URL

Week

Plugins

AutoAnimate

Icons

API Reference

@formkit-addons

@formkit-core

@formkit-i18n

@formkit-inputs

@formkit-observer

@formkit-themes

@formkit-utils

@formkit-validation

@formkit-vue

Context object

Guides

Build a multi-step form

Create a custom input

Create a Tailwind CSS theme

Export and restructure inputs

@formkit/addons

  • Introduction
  • Functions
    • createAutoAnimatePlugin()

Introduction

Common, optional, first-party add on features for FormKit.

You can add this package by using npm install @formkit/addons or yarn add @formkit/addons.

Functions

createAutoAnimatePlugin()

Adds auto-animate to each input automatically:

Signature

Parameters

  • options — AutoAnimateOptions

Returns

FormKitPlugin

Examples

Docs

  • Getting Started
  • Essentials
  • Inputs
  • Guides
  • API Reference
  • Changelog

Tools

  • Playground
  • i18n Locale Builder
  • AutoAnimate

About

  • About
  • What is FormKit?
  • Privacy Policy
  • Terms of Service

Sign up for the latest news

©2023 FormKit, Inc. All rights reserved.
Theme