inputs

Input

単一行のテキスト入力フィールド。サイズのプリセットやエラー状態・インラインメッセージに対応。

インポート

import { Input } from '@stella-ds/react'

Props

Propデフォルト説明
size'sm' | 'md' | 'lg''md'Size preset
errorboolean | stringfalsePass true for error styling, or a string to show an error message

Preview

Email is required

使用例

With error

<Input placeholder="Enter email" />
<Input error="Email is required" value="" onChange={() => {}} />
Heading
コンポーネント一覧
PageGrid