Input Button

A button that flips between two states with an accompanying animation.

Pumki UI

Installation

1import { InputButton } from '@/components/pumki-ui/buttons/input';

1<InputButton>
2  <Buttons>
3      <Button>Button</Button>
4      <SubmitButton>Submit</SubmitButton>
5  </Buttons>
6  <Input />
7</InputButton>

Prop	Type	Default	Description
`id?`	`string`	`-`	Input/button id
`setShowInput?`	`React.Dispatch<React.SetStateAction<boolean>>`	-	Set input visibility
`showInput?`	`boolean`	false	Show input field
`transition?`	`Transition`	{ type: 'spring', stiffness: 300, damping: 20 }	Animation config

Prop	Type	Default	Description
`icon?`	`React.ElementType`	`ArrowRight`	Icon for submit button