adds new property display component

This commit is contained in:
Greg Thompson
2017-11-02 15:19:38 -05:00
parent d19646f484
commit 0c41155100
2 changed files with 18 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
import React from "react"
import PropTypes from "prop-types"
export const Property = ({ propKey, propVal, propStyle }) => {
return (
<span style={ propStyle }>
<br />{ propKey }: { String(propVal) }</span>
)
}
Property.propTypes = {
propKey: PropTypes.string,
propVal: PropTypes.any,
propStyle: PropTypes.object
}
export default Property

View File

@@ -52,6 +52,7 @@ import EnumModel from "core/components/enum-model"
import ObjectModel from "core/components/object-model" import ObjectModel from "core/components/object-model"
import ArrayModel from "core/components/array-model" import ArrayModel from "core/components/array-model"
import PrimitiveModel from "core/components/primitive-model" import PrimitiveModel from "core/components/primitive-model"
import Property from "core/components/property"
import TryItOutButton from "core/components/try-it-out-button" import TryItOutButton from "core/components/try-it-out-button"
import VersionStamp from "core/components/version-stamp" import VersionStamp from "core/components/version-stamp"
@@ -106,6 +107,7 @@ export default function() {
ObjectModel, ObjectModel,
ArrayModel, ArrayModel,
PrimitiveModel, PrimitiveModel,
Property,
TryItOutButton, TryItOutButton,
Markdown, Markdown,
BaseLayout, BaseLayout,