Elm UI support status

Currently Elm Designer supports the following Elm UI elements and styling properties.

Elements

• ❌ el (you don't add this directly, there is always a more concrete library element to pick from)
• ✅ text
• ✅ row
• ✅ wrappedRow
• ✅ column
• ✅ paragraph
• ✅ textColumn
• ❌ link
• ✅ image
• ✅ button
• ✅ checkbox
• ✅ text
• ✅ multiline
• ✅ radio
• ✅ radioRow
• ❌ slider
• ✅ label (coupled with form elements)
• ❌ placeholder
• ❌ table

Layout styles

• ✅ moveUp, moveDown, moveRight, moveLeft
• ❌ rotate
• ❌ scale
• ✅ width, height, px, shrink, fill, fillPortion, maximum, minimum
• ✅ centerX, centerY, alignLeft, alignRight, alignTop, alignBottom
• ✅ Nearby elements, only inside a common container: above, below, onRight, onLeft, inFront, behindContent
• ✅ Padding
• Spacing value:
  • ✅ Within a column only Y value is used
  • ✅ Within a row only X value is used
  • ✅ Within a text column both X and Y values can be used
  • ❌ spaceEvenly (See https://github.com/passiomatic/elm-designer/issues/19)

Border styles

• ✅ width, color, solid, dashed, dotted, rounded
• ✅ shadow
• ✅ innerShadow

Background styles

• ✅ color, image
• ❌ gradient

Text and fonts styles

• ✅ Family
• ✅ Size
• ✅ Weight (from hairline to heavy)
• ✅ italic
• ✅ Color
• ✅ Spacing (letterSpacing and wordSpacing)
• ❌ underline and strike
• ❌ Variants (see https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/Element-Font#variant)
• ❌ shadow
• ✅ alignmentLeft, alignmentRight, center, justify

Misc.

• ❌ regions (mainContent, navigation, heading, aside, footer, description, announce, announceUrgently)
• ❌ alpha/transparent
• ❌ pointer
• ❌ Text fields autofill hint (username, email, etc.)
• ❌ Overflow content behavior (clip*and scrollbar*)

Elm UI and designer

Properties mapping between Elm UI elements and designer tree nodes: https://docs.google.com/spreadsheets/d/1s49186vcudtztkYbsqHpwb9SJyeEwuRoor5S9OowW40/edit?usp=sharing