Add copy button next to label

[Anh Hoang]

I want to customize the label, place a copy button next to label, but not sure if we can? could you give me some advise? thanks a lot

[svetoslav_borislavov]

Hi,

See the demo with custom header buttons:
https://www.htmlelements.com/demos/window/custom-header-buttons/

If this does not meet your requirements you may have a custom header template, see here:
https://codepen.io/svetoslavb04/pen/GRwGzza

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

yeah i saw the document, but i try with reactjs seems not work, no you have any demo with reactjs and ts?

• This reply was modified 1 year, 4 months ago by Anh Hoang.

[svetoslav_borislavov]

Hi,

Here is an example:
https://codesandbox.io/s/flamboyant-blackburn-4h8wrz?file=/src/App.js

Copy the code to the local app and see that there are no problems

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

hi sorry, but what i need is the headertemplate, as your previous example https://codepen.io/svetoslavb04/pen/GRwGzza

but with technology ReactJs and TS. Thanks

[svetoslav_borislavov]

Hi,

Here you are: https://codesandbox.io/embed/billowing-fast-4s7c8q?fontsize=14&hidenavigation=1&theme=dark

I hope this helps!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

yeah i will try, thanks a lot for your support

[Author]

Posts