Skip to main content

Copyable Text

Do you have a text that your users need to copy-paste? Use ui.copyable_text that provides a copy to clipboard button for convenient copy-pasting when hovering over the container box.

Check the full API at ui.copyable_text.

Basic copyable text​

copyable_text-0

q.page['form'] = ui.form_card(
    box='1 1 2 2',
    items=[ui.copyable_text(label='Copyable text', value='Hello world!')]
)

Multiline copyable text​

If you need to display longer content, use the multiline attribute.

copyable_text-1

multiline_content = '''Wave is truly awesome.
You should try all the features!'''

q.page['form'] = ui.form_card(
    box='1 1 2 2',
    items=[ui.copyable_text(label='Copyable text', value=multiline_content, multiline=True)]
)

Height of copyable text​

If you want to adjust the height of the copyable textbox, set the height attribute to your desired height in pixels, e.g. '200px'. Note: The set height will only take effect if multiline is set to True.

copyable_text-2

multiline_content = '''Wave is truly awesome.
You should try all the features!
Like setting the height to 200px!'''

q.page['form'] = ui.form_card(
    box='1 1 2 4',
    items=[ui.copyable_text(label='Copyable text', value=multiline_content, multiline=True, height='200px')]
)