Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Allow for a custom class

pull/4073/head
Alex P 2018-08-01 13:38:00 -07:00
parent 1a8f136adf
commit 7cb73ee16f
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/reusable_ui/components/inputs/ControlledInput.tsx
View File

@ -38,6 +38,7 @@ interface Props {
widthPixels?: number widthPixels?: number
titleText?: string titleText?: string
disabledTitleText?: string disabledTitleText?: string
customClass?: string
} }
class ControlledInput extends Component<Props> { class ControlledInput extends Component<Props> {
@ -149,7 +150,7 @@ class ControlledInput extends Component<Props> {
} }
private get className(): string { private get className(): string {
const {size, status, icon} = this.props const {size, status, icon, customClass} = this.props
return classnames('input', { return classnames('input', {
[`input-${size}`]: size, [`input-${size}`]: size,
@ -158,6 +159,7 @@ class ControlledInput extends Component<Props> {
'input--error': status === ComponentStatus.Error, 'input--error': status === ComponentStatus.Error,
'input--loading': status === ComponentStatus.Loading, 'input--loading': status === ComponentStatus.Loading,
'input--disabled': status === ComponentStatus.Disabled, 'input--disabled': status === ComponentStatus.Disabled,
[`${customClass}`]: customClass,
}) })
} }