Beta
Animate UI

Input Button

A button that shows an input when clicked.

Made by imskyleen

Installation

Usage

<InputButton>
  <Buttons>
    <Button>Button</Button>
    <SubmitButton>Submit</SubmitButton>
  </Buttons>
  <Input />
</InputButton>

Examples

Newsletter Form with Loading State

Props

InputButton

PropTypeDefault
id?
string
-
setShowInput?
React.Dispatch<React.SetStateAction<boolean>>
-
showInput?
boolean
false
transition?
Transition
{ type: 'spring', stiffness: 300, damping: 20 }

SubmitButton

PropTypeDefault
icon?
React.ElementType
ArrowRight

Credits

Built by Skyleen. The source code is available on GitHub.

On this page