Text-to-Image Generation

Based on the natural language prompt, you can generate the set of images from which you can select.

Labeling Configuration

<View>
  <View className="ch-title">
    <Text name="prompt" value="$prompt"/>
  </View>
  <View className="highlight">
    <Choices name="images" toName="prompt" value="$images" choice="multiple" layout="inline"/>
  </View>
  <Style>
  .ch-title {
    font-size: 2em;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
  }
  .ch-title .lsf-richtext__line:before {
    display: none;
  }
  .highlight .ant-checkbox {
    position: absolute;
    opacity: 0;
  }
  .ant-checkbox+span {
    border: 4px solid transparent;
    border-radius: 8px;
    padding: 8px;
  }
  .ant-checkbox-checked+span {
    border-color: red;
  }
  .ant-checkbox+span sup {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
    display: block;
    background: white;
    width: 24px;
    line-height: 16px;
    text-align: center;
  }
  </Style>
</View>

Example data

{"data": {
  "prompt": "An astronaut riding a horse in a photorealistic style",
  "images": [{
    "value": "id123#0",
    "style": "margin: 5px",
    "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/0.jpg'/>"
  },
  {
    "value": "id123#1",
    "style": "margin: 5px",
    "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/1.jpg'/>"
  },
  {
    "value": "id123#2",
    "style": "margin: 5px",
    "html": "<img width='400' src='https://cdn.openai.com/dall-e-2/demos/text2im/astronaut/horse/photo/2.jpg'/>"
  }]
}}