File "Input.mdx"

Full Path: /home/warrior1/public_html/languages/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-videopress/src/client/admin/components/input/stories/Input.mdx
File size: 824 bytes
MIME-type: text/x-java
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
import { Meta, Story, Canvas } from '@storybook/addon-docs';
import Input from '../index';

<Meta
  title="Packages/VideoPress/Input"
  component={Input}
/>

# Input
A simple input field.

<Canvas withSource="open">
  <Story id="packages-videopress-input--default" />
</Canvas>

## API

### value

- type: `string`

The input value.

### placeholder

- type: `string`

The input placeholder.

### disabled

- type: `boolean`

Whether the input is disabled.

### icon

- type: `ReactNode`

An optional icon.

### onChange

- type: `function`

Callback to be invoked when the input value changes.

### onEnter

- type: `function`

Callback to be invoked when the user presses the Enter key.

-------

# SearchInput
A search input field.

<Canvas withSource="open">
  <Story id="packages-videopress-input--search" />
</Canvas>