Shorthand to JSX Converter

Shorthand Icon

Description of shorthand format

  • Sections in '{ }' are explanation comments.
  • page: Name of the page (e.g., Balsamiq sidebar).
  • heading: Page Heading.
  • fs: Field set, e.g., Filters.
  • t: Text input with heading and placeholder.
  • d: Dropdown with heading and options.
  • s: On/Off switch.
  • -: Indicates a new row.
  • b: Button with actions.
  • table: Table format from Google Sheet for Balsamiq.
  • Popup: Popup heading.