, flexShrink: 1, flexBasis: 0`.\n\nWhen `flex` is 0, the component is sized according to `width` and `height`, and it is inflexible.\n\nWhen `flex` is -1, the component is normally sized according to `width` and `height`. However, if there's not enough space, the component will shrink to its `minWidth` and `minHeight`.\n\n`flexGrow`, `flexShrink`, and `flexBasis` work the same as in CSS.",
"language": "markdown"
}
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"info": {
"message": "Setting `margin` has the same effect as setting each of `marginTop`, `marginLeft`, `marginBottom`, and `marginRight`. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`marginBottom` works like `margin-bottom` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`marginLeft` works like `margin-left` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`marginRight` works like `margin-right` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`marginTop` works like `margin-top` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"info": {
"message": "Setting `padding` has the same effect as setting each of `paddingTop`, `paddingBottom`, `paddingLeft`, and `paddingRight`. See https://developer.mozilla.org/en-US/docs/Web/CSS/padding for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`paddingBottom` works like `padding-bottom` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`paddingLeft` works like `padding-left` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`paddingRight` works like `padding-right` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right for more details.",
"language": "markdown"
}
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`paddingTop` works like `padding-top` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`width` sets the width of this component.\n\nIt works similarly to `width` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported. See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`height` sets the height of this component.\n\nIt works similarly to `height` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported. See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`minWidth` is the minimum width for this component, in logical pixels.\n\nIt works similarly to `min-width` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/min-width for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`minHeight` is the minimum height for this component, in logical pixels.\n\nIt works similarly to `min-height` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/min-height for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`maxWidth` is the maximum width for this component, in logical pixels.\n\nIt works similarly to `max-width` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/max-width for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"info": {
"message": "`maxHeight` is the maximum height for this component, in logical pixels.\n\nIt works similarly to `max-height` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/max-height for more details.",
"language": "markdown"
}
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"info": {
"message": "`overflow` controls how children are measured and displayed. `overflow: hidden` causes views to be clipped while `overflow: scroll` causes views to be measured independently of their parents' main axis. It works like `overflow` in CSS (default: visible). See https://developer.mozilla.org/en/docs/Web/CSS/overflow for more details.",
"language": "markdown"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"}]"
},
{
"section": "size",
"key": "aspectRatio",
"controlType": "number",
"storageType": "style",
"info": {
"message": "Aspect ratio controls the size of the undefined dimension of a node. Aspect ratio is a non-standard property only available in React Native and not CSS.\n\n- On a node with a set width/height, aspect ratio controls the size of the unset dimension\n- On a node with a set flex basis, aspect ratio controls the size of the node in the cross axis if unset\n- On a node with a measure function, aspect ratio works as though the measure function measures the flex basis\n- On a node with flex grow/shrink, aspect ratio controls the size of the node in the cross axis if unset\n- Aspect ratio takes min/max dimensions into account",
"language": "markdown"
}
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"info": {
"message": "`position` in React Native is similar to regular CSS, but everything is set to `relative` by default, so `absolute` positioning is always relative to the parent.\n\nIf you want to position a child using specific numbers of logical pixels relative to its parent, set the child to have `absolute` position.\n\nIf you want to position a child relative to something that is not its parent, don't use styles for that. Use the component tree.\n\nSee https://github.com/facebook/yoga for more details on how `position` differs between React Native and CSS.",
"language": "markdown"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Relative\",\"value\":\"relative\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`top` is the number of logical pixels to offset the top edge of this component.\n\nIt works similarly to `top` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/top for more details of how `top` affects layout.",
"language": "markdown"
}
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`right` is the number of logical pixels to offset the right edge of this component.\n\nIt works similarly to `right` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/right for more details of how `right` affects layout.",
"language": "markdown"
}
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`bottom` is the number of logical pixels to offset the bottom edge of this component.\n\nIt works similarly to `bottom` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/bottom for more details of how `bottom` affects layout.",
"language": "markdown"
}
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`left` is the number of logical pixels to offset the left edge of this component.\n\nIt works similarly to `left` in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.\n\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/left for more details of how `left` affects layout.",
"language": "markdown"
}
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"info": {
"message": "When the direction is `ltr`, `start` is equivalent to `left`. When the direction is `rtl`, `start` is equivalent to `right`.\n\nThis style takes precedence over the `left`, `right`, and `end` styles.",
"language": "markdown"
}
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`zIndex` controls which components display on top of others. Normally, you don't use `zIndex`. Components render according to their order in the document tree, so later components draw over earlier ones. `zIndex` may be useful if you have animations or custom modal interfaces where you don't want this behavior.\n\nIt works like the CSS `z-index` property - components with a larger `zIndex` will render on top. Think of the z-direction like it's pointing from the phone into your eyeball. See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for more details.\n\nOn iOS, `zIndex` may require `View`s to be siblings of each other for it to work as expected.",
"language": "markdown"
}
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"info": {
"message": "If the rounded border is not visible, try applying `overflow: 'hidden'` as well.",
"language": "markdown"
}
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"info": {
"message": "`borderWidth` works like `border-width` in CSS. See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width for more details.",
"language": "markdown"
}
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"info": {
"message": "Transforms are style properties that will help you modify the appearance and position of your components using 2D or 3D transformations. However, once you apply transforms, the layouts remain the same around the transformed component hence it might overlap with the nearby components. You can apply margin to the transformed component, the nearby components or padding to the container to prevent such overlaps.",
"language": "markdown"
}
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"info": {
"message": "The backfaceVisibility property defines whether or not an element should be visible when not facing the screen.\n\nThis property is useful when an element is rotated, and you do not want to see its backside.",
"language": "markdown"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "accessibility",
"key": "accessible",
"controlType": "checkbox",
"storageType": "prop",
"info": {
"message": "When true, indicates the image is an accessibility element.",
"language": "markdown"
},
"platform": [
"ios"
]
},
{
"section": "accessibility",
"key": "accessibilityLabel",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "The text that's read by the screen reader when the user interacts with the image.",
"language": "markdown"
},
"platform": [
"ios"
]
},
{
"section": "self",
"key": "blurRadius",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "blurRadius: the blur radius of the blur filter added to the image",
"language": "markdown"
}
},
{
"section": "self",
"key": "capInsets",
"controlType": "expression",
"storageType": "prop",
"info": {
"message": "When the image is resized, the corners of the size specified by `capInsets` will stay a fixed size, but the center content and borders of the image will be stretched. This is useful for creating resizable rounded buttons, shadows, and other resizable assets. More info in the [official Apple documentation](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIImage_Class/index.html#//apple_ref/occ/instm/UIImage/resizableImageWithCapInsets).",
"language": "markdown"
},
"platform": [
"ios"
]
},
{
"section": "self",
"key": "defaultSource",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "A static image to display while loading the image source.",
"language": "markdown"
},
"platform": [
"android",
"ios"
]
},
{
"section": "self",
"key": "fadeDuration",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "Android only. By default, it is 300ms.",
"language": "markdown"
},
"platform": [
"android"
]
},
{
"section": "self",
"key": "loadingIndicatorSource",
"controlType": "expression",
"storageType": "prop",
"info": {
"message": "Similarly to `source`, this property represents the resource used to render the loading indicator for the image, displayed until image is ready to be displayed, typically after when it got downloaded from network.",
"language": "markdown"
}
},
{
"section": "self",
"key": "onError",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "(err) => {\n\n}",
"info": {
"message": "Invoked on load error with `{nativeEvent: {error}}`.",
"language": "markdown"
}
},
{
"section": "self",
"key": "onLayout",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "(e) => {\n\n}",
"info": {
"message": "Invoked on mount and layout changes with `{nativeEvent: {layout: {x, y, width, height}}}`.",
"language": "markdown"
}
},
{
"section": "self",
"key": "onLoad",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "() => {\n\n}",
"info": {
"message": "Invoked when load completes successfully.",
"language": "markdown"
}
},
{
"section": "self",
"key": "onLoadEnd",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "() => {\n\n}",
"info": {
"message": "Invoked when load either succeeds or fails.",
"language": "markdown"
}
},
{
"section": "self",
"key": "onLoadStart",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "(e) => {\n\n}",
"info": {
"message": "Invoked on load start.\n\ne.g., `onLoadStart={(e) => this.setState({loading: true})}`",
"language": "markdown"
}
},
{
"section": "self",
"key": "onPartialLoad",
"controlType": "expression",
"storageType": "prop",
"info": {
"message": "Invoked when a partial load of the image is complete. The definition of what constitutes a \"partial load\" is loader specific though this is meant for progressive JPEG loads.",
"language": "markdown"
},
"platform": [
"ios"
]
},
{
"section": "self",
"key": "onProgress",
"controlType": "expression",
"storageType": "prop",
"info": {
"message": "Invoked on download progress with `{nativeEvent: {loaded, total}}`.",
"language": "markdown"
},
"platform": [
"ios"
]
},
{
"section": "self",
"key": "progressiveRenderingEnabled",
"controlType": "checkbox",
"storageType": "prop",
"info": {
"message": "Android only. When true, enables progressive jpeg streaming. https://frescolib.org/docs/progressive-jpegs.html",
"language": "markdown"
},
"platform": [
"android"
]
},
{
"section": "self",
"key": "resizeMethod",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "The mechanism that should be used to resize the image when the image's dimensions differ from the image view's dimensions. Defaults to `auto`.\n\n- `auto`: Use heuristics to pick between `resize` and `scale`.\n\n- `resize`: A software operation which changes the encoded image in memory before it gets decoded. This should be used instead of `scale` when the image is much larger than the view.\n\n- `scale`: The image gets drawn downscaled or upscaled. Compared to `resize`, `scale` is faster (usually hardware accelerated) and produces higher quality images. This should be used if the image is smaller than the view. It should also be used if the image is slightly bigger than the view.\n\nMore details about `resize` and `scale` can be found at http://frescolib.org/docs/resizing.html.",
"language": "markdown"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Resize\",\"value\":\"resize\"},{\"label\":\"Scale\",\"value\":\"scale\"}]",
"platform": [
"android"
]
},
{
"section": "self",
"key": "resizeMode",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Determines how to resize the image when the frame doesn't match the raw image dimensions. Defaults to `cover`.\n\n- `cover`: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or larger than the corresponding dimension of the view (minus padding).\n\n- `contain`: Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view (minus padding).\n\n- `stretch`: Scale width and height independently, This may change the aspect ratio of the src.\n\n- `repeat`: Repeat the image to cover the frame of the view. The image will keep its size and aspect ratio, unless it is larger than the view, in which case it will be scaled down uniformly so that it is contained in the view.\n\n- `center`: Center the image in the view along both dimensions. If the image is larger than the view, scale it down uniformly so that it is contained in the view.",
"language": "markdown"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Cover\",\"value\":\"cover\"},{\"label\":\"Contain\",\"value\":\"contain\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Repeat\",\"value\":\"repeat\"},{\"label\":\"Center\",\"value\":\"center\"}]"
},
{
"section": "self",
"key": "source",
"controlType": "expression",
"storageType": "prop",
"info": {
"message": "The image source (either a remote URL or a local file resource).\n\nThis prop can also contain several remote URLs, specified together with their width and height and potentially with scale/other URI arguments. The native side will then choose the best `uri` to display based on the measured size of the image container. A `cache` property can be added to control how networked request interacts with the local cache. (For more information see [Cache Control for Images](images#cache-control-ios-only)).\n\nThe currently supported formats are `png`, `jpg`, `jpeg`, `bmp`, `gif`, `webp` (Android only), `psd` (iOS only). In addition, iOS supports several RAW image formats. Refer to Apple's documentation for the current list of supported camera models (for iOS 12, see https://support.apple.com/en-ca/HT208967).",
"language": "markdown"
}
},
{
"section": "advanced",
"key": "testID",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "A unique identifier for this element to be used in UI Automation testing scripts.",
"language": "markdown"
}
},
{
"section": "self",
"key": "tintColor",
"controlType": "color",
"storageType": "style",
"info": {
"message": "Changes the color of all the non-transparent pixels to the tintColor.",
"language": "markdown"
}
},
{
"section": "self",
"key": "overlayColor",
"controlType": "color",
"storageType": "style",
"info": {
"message": "When the image has rounded corners, specifying an overlayColor will cause the remaining space in the corners to be filled with a solid color. This is useful in cases which are not supported by the Android implementation of rounded corners:\n\n- Certain resize modes, such as 'contain'\n- Animated GIFs\n\nA typical way to use this prop is with images displayed on a solid background and setting the `overlayColor` to the same color as the background.\n\nFor details of how this works under the hood, see https://frescolib.org/docs/rounded-corners-and-circles.html",
"language": "markdown"
}
}
],
"@laska/base/dist/templates/Icon": [
{
"section": "self",
"key": "iconIdentifier",
"label_en": "Icon",
"controlType": "icon",
"storageType": "prop"
}
],
"react-bootstrap/Container": [
{
"section": "advanced",
"key": "as",
"label_en": "Render as element",
"controlType": "string",
"storageType": "prop",
"defaultValue": "\"div\"",
"info": {
"message": "You can use a custom element for this component"
}
},
{
"section": "root",
"key": "fluid",
"controlType": "select",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Allow the Container to fill all of its available horizontal space."
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"True\",\"value\":\"true\"},{\"label\":\"\\\"sm\\\"\",\"value\":\"\\\"sm\\\"\"},{\"label\":\"\\\"md\\\"\",\"value\":\"\\\"md\\\"\"},{\"label\":\"\\\"lg\\\"\",\"value\":\"\\\"lg\\\"\"},{\"label\":\"\\\"xl\\\"\",\"value\":\"\\\"xl\\\"\"}]"
},
{
"section": "advanced",
"key": "bsPrefix",
"controlType": "string",
"storageType": "prop",
"defaultValue": "\"container\"",
"info": {
"message": "Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css."
}
}
],
"react-bootstrap/Row": [
{
"section": "advanced",
"key": "as",
"label_en": "Render as element",
"controlType": "string",
"storageType": "prop",
"defaultValue": "\"div\"",
"info": {
"message": "You can use a custom element for this component"
}
},
{
"key": "xs",
"label_en": "Columns (extra small)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns that will fit next to each other on extra small devices (<576px)"
}
},
{
"key": "sm",
"label_en": "Columns (small)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns that will fit next to each other on small devices (≥576px)"
}
},
{
"key": "md",
"label_en": "Columns (medium)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns that will fit next to each other on medium devices (≥768px)"
}
},
{
"key": "lg",
"label_en": "Columns (large)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns that will fit next to each other on large devices (≥992px)"
}
},
{
"key": "xl",
"label_en": "Columns (extra large)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns that will fit next to each other on extra large devices (≥1200px)"
}
},
{
"key": "noGutters",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Removes the gutter spacing between Cols as well as any added negative margins."
}
},
{
"section": "advanced",
"key": "bsPrefix",
"label_en": "Base class prefix",
"controlType": "string",
"storageType": "prop",
"defaultValue": "\"row\"",
"info": {
"message": "Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css."
}
}
],
"react-bootstrap/Col": [
{
"section": "advanced",
"key": "as",
"label_en": "Render as element",
"controlType": "string",
"storageType": "prop",
"defaultValue": "\"div\"",
"info": {
"message": "You can use a custom element for this component"
}
},
{
"key": "xs",
"label_en": "Columns (extra small)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns to span on extra small devices (<576px)"
}
},
{
"key": "sm",
"label_en": "Columns (small)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns to span on small devices (≥576px)"
}
},
{
"key": "md",
"label_en": "Columns (medium)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns to span on medium devices (≥768px)"
}
},
{
"key": "lg",
"label_en": "Columns (large)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns to span on large devices (≥992px)"
}
},
{
"key": "xl",
"label_en": "Columns (extra large)",
"controlType": "number",
"storageType": "prop",
"info": {
"message": "The number of columns to span on extra large devices (≥1200px)"
}
},
{
"section": "advanced",
"key": "bsPrefix",
"label_en": "string",
"controlType": "\"col\"",
"storageType": "prop",
"info": {
"message": "Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css."
}
}
],
"react-bootstrap/Image": [
{
"key": "fluid",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Sets image as fluid image."
}
},
{
"key": "rounded",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Sets image shape as rounded."
}
},
{
"key": "roundedCircle",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Sets image shape as circle."
}
},
{
"key": "thumbnail",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Sets image shape as thumbnail."
}
},
{
"section": "advanced",
"key": "bsPrefix",
"label_en": "string",
"controlType": "\"col\"",
"storageType": "prop",
"info": {
"message": "Change the underlying component CSS base class name and modifier class names prefix. This is an escape hatch for working with heavily customized bootstrap css."
}
}
],
"html:generic": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h1": [
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:a": [
{
"section": "advanced",
"key": "download",
"controlType": "checkbox",
"storageType": "prop",
"info": {
"message": "Specifies that the target will be downloaded when a user clicks on the hyperlink"
}
},
{
"section": "root",
"key": "href",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "Specifies the URL of the page the link goes to"
}
},
{
"section": "advanced",
"key": "rel",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Specifies the relationship between the current document and the linked document"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Alternate\",\"value\":\"alternate\"},{\"label\":\"Author\",\"value\":\"author\"},{\"label\":\"Bookmark\",\"value\":\"bookmark\"},{\"label\":\"External\",\"value\":\"external\"},{\"label\":\"Help\",\"value\":\"help\"},{\"label\":\"License\",\"value\":\"license\"},{\"label\":\"Next\",\"value\":\"next\"},{\"label\":\"Nofollow\",\"value\":\"nofollow\"},{\"label\":\"Noreferrer\",\"value\":\"noreferrer\"},{\"label\":\"Noopener\",\"value\":\"noopener\"},{\"label\":\"Prev\",\"value\":\"prev\"},{\"label\":\"Search\",\"value\":\"search\"},{\"label\":\"Tag\",\"value\":\"tag\"}]"
},
{
"section": "root",
"key": "target",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Specifies where to open the linked document"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"_blank\",\"value\":\"_blank\"},{\"label\":\"_parent\",\"value\":\"_parent\"},{\"label\":\"_self\",\"value\":\"_self\"},{\"label\":\"_top\",\"value\":\"_top\"},{\"label\":\"Framename\",\"value\":\"framename\"}]"
},
{
"section": "advanced",
"key": "type",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "Specifies the media type of the linked document"
}
},
{
"section": "advanced",
"key": "referrerpolicy",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Specifies which referrer to send"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"No-referrer\",\"value\":\"no-referrer\"},{\"label\":\"No-referrer-when-downgrade\",\"value\":\"no-referrer-when-downgrade\"},{\"label\":\"Origin\",\"value\":\"origin\"},{\"label\":\"Origin-when-cross-origin\",\"value\":\"origin-when-cross-origin\"},{\"label\":\"Unsafe-url\",\"value\":\"unsafe-url\"}]"
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:span": [
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:img": [
{
"section": "root",
"key": "src",
"label_en": "Source",
"controlType": "image",
"storageType": "prop"
},
{
"section": "root",
"key": "alt",
"label_en": "Alt",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "The alt attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason: for example, network errors, content blocking, or linkrot."
}
},
{
"section": "advanced",
"key": "referrerpolicy",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Specifies which referrer to send"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"No-referrer\",\"value\":\"no-referrer\"},{\"label\":\"No-referrer-when-downgrade\",\"value\":\"no-referrer-when-downgrade\"},{\"label\":\"Origin\",\"value\":\"origin\"},{\"label\":\"Origin-when-cross-origin\",\"value\":\"origin-when-cross-origin\"},{\"label\":\"Unsafe-url\",\"value\":\"unsafe-url\"}]"
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:p": [
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:li": [
{
"key": "childrenString",
"label_en": "Content",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:button": [
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "interaction",
"key": "onClick",
"label_en": "On Click",
"controlType": "expression",
"storageType": "prop",
"defaultValue": "() => {\n\n}"
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"react-scroll-progress-read": [
{
"key": "backgroundColor",
"controlType": "color",
"storageType": "prop"
},
{
"key": "barColor",
"controlType": "color",
"storageType": "prop"
},
{
"key": "height",
"controlType": "dimension",
"storageType": "prop"
}
],
"react-curved-arrow": [
{
"key": "fromSelector",
"controlType": "string",
"storageType": "prop",
"defaultValue": "body",
"info": {
"message": "DOM element from which your arrow will start."
}
},
{
"key": "fromOffsetX",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Amount of pixels to offset the arrow from the DOM element on the X axis."
}
},
{
"key": "fromOffsetY",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Amount of pixels to offset the arrow from the DOM element on the Y axis."
}
},
{
"key": "toSelector",
"controlType": "string",
"storageType": "prop",
"defaultValue": "body",
"info": {
"message": "DOM element to which your arrow will go to."
}
},
{
"key": "toOffsetX",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Amount of pixels to offset the arrow from the DOM element on the X axis."
}
},
{
"key": "toOffsetY",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Amount of pixels to offset the arrow from the DOM element on the Y axis."
}
},
{
"key": "middleX",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Middle point X position."
}
},
{
"key": "middleY",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Middle point Y position."
}
},
{
"key": "width",
"controlType": "number",
"storageType": "prop",
"defaultValue": "8",
"info": {
"message": "Width of the arrow and arrowhead."
}
},
{
"key": "color",
"controlType": "color",
"storageType": "prop",
"defaultValue": "black",
"info": {
"message": "Color of the arrow and arrowhead."
}
},
{
"key": "hideIfFoundSelector",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "Optional. if the arrow can find this selector, it will hide itself. Useful for product tours when you only want to show an arrow whenever a user hasn't performed an action yet such as opening a menu."
}
},
{
"key": "debugLine",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Show debug dots and lines for fromOffset, toOffset and middle vectors."
}
},
{
"key": "dynamicUpdate",
"controlType": "checkbox",
"storageType": "prop",
"defaultValue": "false",
"info": {
"message": "Automatically adjust the arrow whenever the from/to DOM elements update. Useful for dynamic content such as sliding menus or content that is within a scrolling container."
}
},
{
"key": "zIndex",
"controlType": "number",
"storageType": "prop",
"defaultValue": "0",
"info": {
"message": "Adjust the z-index for this arrow."
}
}
],
"gatsby:Link": [
{
"key": "to",
"label_en": "Link Target",
"controlType": "string",
"storageType": "prop",
"defaultValue": "/my-page"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
}
],
"html:div": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h2": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h3": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h4": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h5": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:h6": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
},
{
"key": "childrenString",
"label_en": "Text",
"controlType": "html",
"storageType": "prop",
"useRawValue": false,
"allowSwitchingModes": false
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:article": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:b": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:i": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:u": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:hr": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:ul": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:ol": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:header": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:section": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:nav": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:main": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:footer": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:form": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:input": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:iframe": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:label": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:select": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:textarea": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"html:code": [
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
],
"gatsby-image": [
{
"section": "root",
"key": "src",
"label_en": "Source",
"controlType": "image",
"storageType": "prop"
},
{
"section": "root",
"key": "alt",
"label_en": "Alt",
"controlType": "string",
"storageType": "prop",
"info": {
"message": "The alt attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means. Alt text is also displayed on the page if the image can't be loaded for some reason: for example, network errors, content blocking, or linkrot."
}
},
{
"section": "advanced",
"key": "referrerpolicy",
"controlType": "select",
"storageType": "prop",
"info": {
"message": "Specifies which referrer to send"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"No-referrer\",\"value\":\"no-referrer\"},{\"label\":\"No-referrer-when-downgrade\",\"value\":\"no-referrer-when-downgrade\"},{\"label\":\"Origin\",\"value\":\"origin\"},{\"label\":\"Origin-when-cross-origin\",\"value\":\"origin-when-cross-origin\"},{\"label\":\"Unsafe-url\",\"value\":\"unsafe-url\"}]"
},
{
"section": "layout",
"key": "display",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Block\",\"value\":\"block\"},{\"label\":\"Flex\",\"value\":\"flex\"},{\"label\":\"Grid\",\"value\":\"grid\"},{\"label\":\"Inline-block\",\"value\":\"inline-block\"},{\"label\":\"Inline\",\"value\":\"inline\"},{\"label\":\"None\",\"value\":\"none\"}]"
},
{
"section": "layout",
"key": "flexDirection",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Row\",\"value\":\"row\"},{\"label\":\"Row-reverse\",\"value\":\"row-reverse\"},{\"label\":\"Column\",\"value\":\"column\"},{\"label\":\"Column-reverse\",\"value\":\"column-reverse\"}]"
},
{
"section": "layout",
"key": "alignItems",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "layout",
"key": "justifyContent",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Space-between\",\"value\":\"space-between\"},{\"label\":\"Space-around\",\"value\":\"space-around\"},{\"label\":\"Space-evenly\",\"value\":\"space-evenly\"}]"
},
{
"section": "layout",
"key": "flexWrap",
"onlyShowIf": "node => node.props.base.style.display === \"`flex`\"",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Wrap\",\"value\":\"wrap\"},{\"label\":\"Nowrap\",\"value\":\"nowrap\"},{\"label\":\"Wrap-reverse\",\"value\":\"wrap-reverse\"}]"
},
{
"section": "flexchild",
"key": "alignSelf",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Flex-start\",\"value\":\"flex-start\"},{\"label\":\"Flex-end\",\"value\":\"flex-end\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Stretch\",\"value\":\"stretch\"},{\"label\":\"Baseline\",\"value\":\"baseline\"}]"
},
{
"section": "flexchild",
"key": "flex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexBasis",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexGrow",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "flexShrink",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "flexchild",
"key": "order",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "margin",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "marginTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "padding",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingBottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingLeft",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingRight",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "spacing",
"key": "paddingTop",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "width",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "height",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "minHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxWidth",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "maxHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "size",
"key": "overflow",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"},{\"label\":\"Scroll\",\"value\":\"scroll\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Initial\",\"value\":\"initial\"},{\"label\":\"Inherit\",\"value\":\"inherit\"}]"
},
{
"section": "position",
"key": "position",
"controlType": "select",
"storageType": "style",
"defaultValue": "static",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Static\",\"value\":\"static\"},{\"label\":\"Relative\",\"value\":\"relative\"},{\"label\":\"Fixed\",\"value\":\"fixed\"},{\"label\":\"Absolute\",\"value\":\"absolute\"},{\"label\":\"Sticky\",\"value\":\"sticky\"}]"
},
{
"section": "position",
"key": "top",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "right",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "bottom",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "left",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "start",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "position",
"key": "zIndex",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "color",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontSize",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Italic\",\"value\":\"italic\"}]"
},
{
"section": "typography",
"key": "fontWeight",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Normal\",\"value\":\"normal\"},{\"label\":\"Bold\",\"value\":\"bold\"},{\"label\":\"Bolder\",\"value\":\"bolder\"},{\"label\":\"Lighter\",\"value\":\"lighter\"},{\"label\":\"100\",\"value\":\"100\"},{\"label\":\"200\",\"value\":\"200\"},{\"label\":\"300\",\"value\":\"300\"},{\"label\":\"400\",\"value\":\"400\"},{\"label\":\"500\",\"value\":\"500\"},{\"label\":\"600\",\"value\":\"600\"},{\"label\":\"700\",\"value\":\"700\"},{\"label\":\"800\",\"value\":\"800\"},{\"label\":\"900\",\"value\":\"900\"}]"
},
{
"section": "typography",
"key": "lineHeight",
"controlType": "dimension",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textAlign",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Auto\",\"value\":\"auto\"},{\"label\":\"Left\",\"value\":\"left\"},{\"label\":\"Right\",\"value\":\"right\"},{\"label\":\"Center\",\"value\":\"center\"},{\"label\":\"Justify\",\"value\":\"justify\"}]"
},
{
"section": "typography",
"key": "textDecorationLine",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Underline\",\"value\":\"underline\"},{\"label\":\"Line-through\",\"value\":\"line-through\"},{\"label\":\"Underline line-through\",\"value\":\"underline line-through\"}]"
},
{
"section": "typography",
"key": "textShadowColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "fontFamily",
"controlType": "font",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textShadowRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "letterSpacing",
"controlType": "number",
"storageType": "style",
"defaultValue": "0",
"infoLanguage": "markdown"
},
{
"section": "typography",
"key": "textDecorationColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textDecorationStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Double\",\"value\":\"double\"},{\"label\":\"Dotted\",\"value\":\"dotted\"},{\"label\":\"Dashed\",\"value\":\"dashed\"}]",
"platform": [
"ios"
]
},
{
"section": "typography",
"key": "textTransform",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"None\",\"value\":\"none\"},{\"label\":\"Uppercase\",\"value\":\"uppercase\"},{\"label\":\"Lowercase\",\"value\":\"lowercase\"},{\"label\":\"Capitalize\",\"value\":\"capitalize\"}]"
},
{
"section": "background",
"key": "background",
"onlyShowIf": "node => node.props.base.style.background !== undefined",
"controlType": "css",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "background",
"key": "backgroundColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomRightRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomLeftRadius",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderTopStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderRightStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderBottomStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderLeftStyle",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Solid\",\"value\":\"solid\"},{\"label\":\"Dashed\",\"value\":\"dashed\"},{\"label\":\"Dotted\",\"value\":\"dotted\"}]"
},
{
"section": "border",
"key": "borderWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftWidth",
"controlType": "number",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderTopColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderRightColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderBottomColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "border",
"key": "borderLeftColor",
"controlType": "color",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "backfaceVisibility",
"controlType": "select",
"storageType": "style",
"infoLanguage": "markdown",
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Visible\",\"value\":\"visible\"},{\"label\":\"Hidden\",\"value\":\"hidden\"}]"
},
{
"section": "effects",
"key": "opacity",
"controlType": "slider",
"storageType": "style",
"defaultValue": "1",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "transform",
"controlType": "transform",
"storageType": "style",
"infoLanguage": "markdown"
},
{
"section": "effects",
"key": "boxSizing",
"controlType": "select",
"storageType": "style",
"info": {
"message": "By default in the CSS box model, the width and height you assign to an element is applied only to the element's content box. If the element has any border or padding, this is then added to the width and height to arrive at the size of the box that's rendered on the screen. This means that when you set width and height, you have to adjust the value you give to allow for any border or padding that may be added. For example, if you have four boxes with width: 25%;, if any has left or right padding or a left or right border, they will not by default fit on one line within the constraints of the parent container.
The box-sizing property can be used to adjust this behavior:
\n content-box gives you the default CSS box-sizing behavior. If you set an element's width to 100 pixels, then the element's content box will be 100 pixels wide, and the width of any border or padding will be added to the final rendered width, making the element wider than 100px.border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.
",
"language": "html"
},
"selectOptions": "[{\"label\":\"Unset\"},{\"label\":\"Content-box\",\"value\":\"content-box\"},{\"label\":\"Border-box\",\"value\":\"border-box\"}]"
},
{
"section": "advanced",
"key": "className",
"controlType": "string",
"storageType": "prop",
"infoLanguage": "markdown"
}
]
}