Skip to main content

Wide info

Use info cards as entries leading to detail views or when you just need to display an image with a caption.

wide_info-0

q.page['example'] = ui.wide_info_card(    box='1 1 5 4',    name='info_card',    title='Info Card',    subtitle='Subtitle',    caption='''Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia aliquam maxime quos facerenecessitatibus tempore eum odio, qui illum. Repellat modi dolor facilis odio ex possimusratione voluptate pariatur cupiditate, quidem quaerat sapiente exercitationem in omnis nullamaiores consequatur dolores illo inventore quae obcaecati culpa totam corporis! Repudiandae, nostrum repellendus.''',    category='Category',    label='Click me',    image='https://images.pexels.com/photos/3225517/pexels-photo-3225517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260')

Check the full API at ui.wide_info.

Icon#

wide_info-1

q.page['example'] = ui.wide_info_card(    box='1 1 5 4',    name='info_card',    title='Info Card',    subtitle='Subtitle',    caption='''Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia aliquam maxime quos facerenecessitatibus tempore eum odio, qui illum. Repellat modi dolor facilis odio ex possimusratione voluptate pariatur cupiditate, quidem quaerat sapiente exercitationem in omnis nullamaiores consequatur dolores illo inventore quae obcaecati culpa totam corporis! Repudiandae, nostrum repellendus.''',    category='Category',    label='Click me',    icon='Heart')