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:
parent
3660540451
commit
00dd9326ba
@ -1,5 +1,5 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import {Control, Field, Label, Icon, Input} from 'bloomer'
|
import {Control, Field, Heading, Icon, Input} from 'bloomer'
|
||||||
import {ICRUDChangeParams} from './CRUDActions'
|
import {ICRUDChangeParams} from './CRUDActions'
|
||||||
|
|
||||||
export type TCRUDFieldType = 'text' | 'password' | 'number' | 'email' | 'tel'
|
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
|
const {label, name, value, placeholder} = this.props
|
||||||
return (
|
return (
|
||||||
<Field>
|
<Field>
|
||||||
<Label>{label}</Label>
|
<Heading>{label}</Heading>
|
||||||
<Control hasIcons={!!this.props.Icon}>
|
<Control hasIcons={!!this.props.Icon}>
|
||||||
<Input
|
<Input
|
||||||
name={name}
|
name={name}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user