mirror of
https://github.com/wassname/talk.git
synced 2026-08-15 12:55:10 +08:00
Adds formfield to components.
This commit is contained in:
@@ -0,0 +1,18 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import styles from './styles.css';
|
||||||
|
|
||||||
|
const FormField = ({className, showErrors = false, errorMsg, label, ...props}) => (
|
||||||
|
<div className={`${styles.formField} ${className ? className : ''}`}>
|
||||||
|
<label htmlFor={props.id}>
|
||||||
|
{label}
|
||||||
|
</label>
|
||||||
|
<input
|
||||||
|
className={showErrors && errorMsg ? styles.error : ''}
|
||||||
|
name={props.id}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
{showErrors && errorMsg && <span className={styles.errorMsg}><span className={styles.attention}>!</span>{errorMsg}</span>}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
export default FormField;
|
||||||
Reference in New Issue
Block a user