-
-
Notifications
You must be signed in to change notification settings - Fork 303
Closed
Labels
Description
import React from 'react';
import type {UserProperties} from '../types/UserProperties';
type UserProps = {
// the users full name
name: string;
// the users age
age: number;
// user properties like bio and location information
properties: UserProperties;
};
/**
* Render a User
*/
const User = (props:UserProps) => (
<div>{props.name} {props.age} years old<UserProps {...props.properties} /></div>
);
would become something like:
{
"description": "Render a User",
"props": {
"name": {
"type": {
"name": "string",
"value": "string"
},
"required": true,
"description": "the users full name",
"defaultValue": {
"value": ""
"computed":false
}
},
"age": {
"type": {
"name": "number",
"value": "number"
},
"required": true,
"description": "the users age",
"defaultValue": {
"value": ""
"computed":false
}
},
"properties": {
"type": {
"name": "UserProperties",
"value": "UserProperties"
},
"required": true,
"description": "user properties like bio and location information",
"defaultValue": {
"value": ""
"computed":false
}
},
}
}