Posting up another one of my #WebComponents today. Sort of a unique one this time, but I think it'll be useful for people who want to put together something like website user preferences or create small applications.
<storage-form> is a Web Component to allow regular form elements to interact with the browsers local storage. Wrapping this component around a <form> with <input> elements instantly allows you to add, edit and remove data within local storage:
https://darn.es/storage-form-web-component/
Dave 🧱 /
npub14m…rytfr
2023-12-22 16:56:30
Author Public Key
npub14mqyknc299ctkaz9crzujjkynerjryxhyxcy4n0hqslnt4qa2nlserytfrPublished at
2023-12-22 16:56:30Event JSON
{
"id": "2ab327e80c4d61ebc430ed3f00fdb7ceb5380cb49ea0942ed1b00f33a7b33c58",
"pubkey": "aec04b4f0a2970bb7445c0c5c94ac49e472190d721b04acdf7043f35d41d54ff",
"created_at": 1703260590,
"kind": 1,
"tags": [
[
"t",
"webcomponents"
],
[
"proxy",
"https://mastodon.design/users/DavidDarnes/statuses/111624886062196775",
"activitypub"
]
],
"content": "Posting up another one of my #WebComponents today. Sort of a unique one this time, but I think it'll be useful for people who want to put together something like website user preferences or create small applications.\n\n\u003cstorage-form\u003e is a Web Component to allow regular form elements to interact with the browsers local storage. Wrapping this component around a \u003cform\u003e with \u003cinput\u003e elements instantly allows you to add, edit and remove data within local storage:\n\nhttps://darn.es/storage-form-web-component/",
"sig": "9b81fb278602394f6c23bc5ec4744bcefb15c05265888a2d85cb30145655f6af17a1567ba2df57479945061971491a39b24355a396d9da79b77138eb6a626167"
}