Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Inserting a component seems to enter a 'partial insertion' mode #25

Closed
maltenuhn opened this issue Jun 1, 2020 · 0 comments · Fixed by #61
Closed

Inserting a component seems to enter a 'partial insertion' mode #25

maltenuhn opened this issue Jun 1, 2020 · 0 comments · Fixed by #61
Assignees
Labels
Bug Something isn't working Canvas Affects the visual editor Components

Comments

@maltenuhn
Copy link
Member

STR

Use the below code and then click “Card” in the insert menu


/** @jsx jsx */
import * as React from 'react'
import { Scene, Storyboard, View, jsx } from 'utopia-api'
export var Card = ({ style, title = 'blah' }) => {
  return <div style={style}>{title}</div>
}
export var App = (props) => {
  return (
    <div
      style={{ ...(props.style || {}), backgroundColor: '#FFFFFF' }}
      layout={{ layoutSystem: 'pinSystem' }}
    />
  )
}
export var storyboard = (
  <Storyboard layout={{ layoutSystem: 'pinSystem' }}>
    <Scene
      component={App}
      props={{ style: { top: 0, left: 0, bottom: 0, right: 0 } }}
      style={{ left: 0, top: 0, width: 375, height: 812 }}
      layout={{ layoutSystem: 'pinSystem' }}
    />
  </Storyboard>
)
@maltenuhn maltenuhn added Bug Something isn't working Components Canvas Affects the visual editor labels Jun 1, 2020
@enidemi enidemi self-assigned this Jun 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working Canvas Affects the visual editor Components
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants