element with multiple lines and icon in middle

[ppalka-lingaro]

for few reasons I want to reproduce similar element

I experimented with few options and almost got it, however code is too long,
also it would be hard imho to change it into class.
maybe there is some way to pass parameters like Title, Desc to class?
Please advice

link to playbook:
https://play.d2lang.com/?script=tFQ9T_MwEN79K543ryrBkoaE6TZExYwEG2IwrhUsmjTYTiWg-e_oLmnahooBwRTdnX3PR-48OEn4UMBCR_3knXkZYoD1EZ5jbALN5xyFNFrvdYi-NTE162qu31tvZ_nNVa1Xb9GZMMuzO-s3zthZnl2zwVztT2V7jDRsSgERFwiu0qWVhHhJSOTOAatEAZ3qlGraiutcwa1fGxuCq8sLJEKbh8G7hkeBsK2W0nPaS5LAv4fHs7-TB5wPOAsbjAK2apQbXlvtLauZyMh788e5IxS7sNQNIVPAvYsruxf3_5Q8xlqOifyUn8NfliGg49vdYGRxiDKq-Mq6-DXWR7R_wJpJslr-Jrs4lZ1JefsJsiWN9raOk3q_Zd-dGN8KwmWmOvUZAAD__w%3D%3D&layout=tala&

[gavin-ts]

hmm you can try to create a template with a vars declaration, then override specific values each time you use it with ...${var}

Data Processing6: <<Databricks>> {
  ...${Reuse}

  title.label: |md # Sixth Stack |
}

Here's an example:
https://play.d2lang.com/?script=dJRhb9MwEIa_51e8aqgEEku7QtFkTUOIqV-HKH_ATa6J1SSu7EuhrPvvyOc0zaB8S-7O5_ee9-SepMJzAjxq1htn8l3_D4T5FCrmvVezWfjzGZNz2rPrcs5y28z0787RdLH60ur6yCb308V8Te5gcpou5l8D4JCNVfPLHZk_lHKJUFAwjS5JAsJSYSJnRqomCfCSvCRhkqjwO3WezmIHpxQ-XAKl3iss5hJgwzUpnJoCKf7ujlMcuSkzoaJGuSEj0rLgqILt2JsiLBqzbW5yapncUCkmZZclUyidPko6bKsz-7CrvZh0HENFjno1fRdTBx7p7e1qdXc3GWeu9Y-puJcK7DrqwSVhInxzNifvTVt-jOiyLHvzLCivFS3_LUqAFFwZD0_UeLDFhmAP5JwpCmqxOUZr8Pbzu_fYdBzRR3z4aZ0gTceGMHnGCaH3qPZs1simw1LYDG4oLJNXTEcnBUeKldlyJT2wH-ZKJHmDbUj23z-eHp_gzS8JnK7A-KRwf38R8_BwnU1t7c6jNjsCV-QJLVHRY6qNZyqgS21abK0LFZC3qi_IrQsv2RlEnPX1iP-htA7KsWad70T9nwAAAP__&layout=tala&sketch=1&

[ppalka-lingaro]

This is great, but the problem is that in every object people will have to include variable

The shortes I was able to achieve is , creating common variable with style :) link
I tried to move img.label.near: outside-bottom-center to class
as
icon.label.near: outside-bottom-center
generation is not failing but label is no properly justify

Data Storage2: <<Data Storage2>> {
  ...${umlStyle}
  title.label: |md # Storage 2 |
  img.class: Data Lake
  img.label.near: outside-bottom-center
  description.label: |md # Opt Desc |
}

I think it would be very powerful to be able to create class or function which will get parameters as inputs
Link to proposal

[danielsitnik]

@ppalka-lingaro hello.
I'm also interested in having a layout more close to what is possible with PlantUML.

Sadly, all the playground links that you and the other guys shared here no longer work. 😢

Do you still have a working example that you could share with me?
Thanks!