basic/ParameterValueDescription.js
/**
* Created by jakubniezgoda on 25/10/2018.
*/
import React, { Component } from 'react';
import { List, ParameterValue, PopupHelp } from './index';
export default class ParameterValueDescription extends Component {
constructor(props, context) {
super(props, context);
}
shouldComponentUpdate(nextProps) {
return !_.isEqual(this.props, nextProps);
}
render() {
return (
<PopupHelp
flowing
header="Value style"
content={
<List bulleted>
<List.Item>
String:
<ParameterValue value="centos_core" showCopyButton={false} />,
<ParameterValue value="763878b2-67d1-4a8b-9c44-cc3d17625eed" showCopyButton={false} />
</List.Item>
<List.Item>
Boolean:
<ParameterValue value showCopyButton={false} />,
<ParameterValue value={false} showCopyButton={false} />
</List.Item>
<List.Item>
Number:
<ParameterValue value={623946} showCopyButton={false} />,
<ParameterValue value={3.14} showCopyButton={false} />
</List.Item>
<List.Item>
Object:
<ParameterValue
value={{
sku: '14.04.5-LTS',
publisher: 'Canonical',
version: 'latest',
offer: 'UbuntuServer'
}}
showCopyButton={false}
/>
</List.Item>
<List.Item>
Array:
<ParameterValue
value={['node_f73mxd', 'vm_32jdfg', 'host_f92mv7']}
showCopyButton={false}
/>
</List.Item>
<List.Item>
Link:
<ParameterValue value="https://cloudify.co" showCopyButton={false} />
</List.Item>
<List.Item>
Null:
<ParameterValue value={null} showCopyButton={false} />
</List.Item>
</List>
}
/>
);
}
}