spinnerplantumlwireframe

How can I paint a spinner on a plantuml wireframe?

I am trying to make a wireframe using the salt diagram type of plantuml, but I noticed it doesn't have the default spinner component.

How could that effect be achieved?

starting code

@startuml
salt
{
  {^"Compra"
    Número de boletos: |"5"
  }

  Total: $0.00
  [Pagar]


}
@enduml

starting wireframe where text field should be replaced by spinner

Solution

  • This is what I have accomplished so far and it looks pretty consistent:

    @startuml
salt
{
  {^"Compra"
    Número de boletos:| {+5|<&caret-top>
    .|<&caret-bottom>}
  }

  Total: $0.00
  [Pagar]


}
@enduml

    spinner attempt on plantuml wireframe

    Basically I use the braces to put two lines with their up arrow and down arrow icons respectively