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 7', 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.text_annotator_item(text='.\nIt is also known by the initials '),
ui.text_annotator_item(text='RTJ', tag='o'),
ui.text_annotator_item(text='.')
],
),
ui.button(name='submit', label='Submit', primary=True)
])
await q.page.save()