Use Heading instead of Label in forms

I realize <label> tags should be used instead, but this looks nicer and
I don't have the time to style it.
This commit is contained in:
Jerko Steiner 2019-04-04 11:43:05 +08:00
parent 3660540451
commit 00dd9326ba

View File

@ -1,5 +1,5 @@
import React from 'react'
import {Control, Field, Label, Icon, Input} from 'bloomer'
import {Control, Field, Heading, Icon, Input} from 'bloomer'
import {ICRUDChangeParams} from './CRUDActions'
export type TCRUDFieldType = 'text' | 'password' | 'number' | 'email' | 'tel'
@ -52,7 +52,7 @@ export class CRUDField<T> extends React.PureComponent<ICRUDFieldProps<T>> {
const {label, name, value, placeholder} = this.props
return (
<Field>
<Label>{label}</Label>
<Heading>{label}</Heading>
<Control hasIcons={!!this.props.Icon}>
<Input
name={name}