Pen stack for Elements

Elements
1

I know you guys are super busy but an Elements version of this would be so useful. I appreciate it can be done with HTML components but the RWC Pen was so much simpler to add notes to help remember things on pages.

Anyone who could add a component to the Store would get my download!

2

I have a component ready to release for free

3

Great, thank you!

4

need the store though

5

What do you mean you need the store, it seems to me 3rd parties can upload to the store now based on the info in the help guide. Have I misunderstood?

6

No not possible yet

jwDave (Dave) 7

:sad_but_relieved_face:

8

Why don’t you use a Custom Component for the time being?

9

But I would have to create a new component for every ‘note’ I wanted to add, unless I miss how to use a custom component in this situation?

10

You can copy and paste them between projects

11

Not sure why free components couldn’t be allowed on the store no money to change hands, would be a good test probably technical reasons prevents this

12

Can’t you put it on marketplace?

13

It’s very, very simply to make an editable component, so you can re-use the same one for all your notes throughout your site. I built this one in 2 minutes, so I’m sure @upssjw’s one will be much more configurable when he’s able to ship it :slight_smile:

Demo Project: elementsapp://downloadDocument/MNlgqtwwsMtb

Here’s the code for anyone interested…

Template Code:

@if(edit)

<div class="rounded-lg border border-{{customColor}} bg-{{customColor}}/25 p-4">
  <div class="border-l-4 border-{{customColor}} pl-4">
    <p class="font-medium text-slate-900">@text("heading", default: "Double-click to edit text…")</p>
  </div>
</div>

@endif

Properties Code:

{
    "groups": [{
        "title": "Settings",
        "properties": [{
            "title": "Color",
            "id": "customColor",
            "format": "{{value}}",
            "themeColor": {
                "default": {
                    "name": "blue",
                    "brightness": 600
                }
            }
        }]
    }]
}
14

No, I have patience

15

Thanks Dan, works fine for me.