Form / TextAnnotator
Use text annotator when you need to highlight text phrases.
from h2o_wave import main, app, Q, ui
@app('/demo')async def serve(q: Q): if q.args.annotator: q.page['example'].items = [ ui.text(f'annotator={q.args.annotator}'), ui.button(name='show_form', label='Back', primary=True), ] else: q.page['example'] = ui.form_card(box='1 1 4 10', items=[ ui.text_annotator( name='annotator', title='Select text to annotate', tags=[ ui.text_annotator_tag(name='p', label='Person', color='#F1CBCB'), ui.text_annotator_tag(name='o', label='Org', color='#CAEACA'), ], items=[ ui.text_annotator_item(text='Killer Mike', tag='p'), ui.text_annotator_item(text=' is a member, of the hip hop supergroup '), # no tag ui.text_annotator_item(text='Run the Jewels', tag='o'), ], ), ui.button(name='submit', label='Submit', primary=True) ]) await q.page.save()