carousel_documentation.py 600 B

1234567891011121314151617
  1. from nicegui import ui
  2. from . import doc
  3. @doc.demo(ui.carousel)
  4. def main_demo() -> None:
  5. with ui.carousel(animated=True, arrows=True, navigation=True).props('height=180px'):
  6. with ui.carousel_slide().classes('p-0'):
  7. ui.image('https://picsum.photos/id/30/270/180').classes('w-[270px]')
  8. with ui.carousel_slide().classes('p-0'):
  9. ui.image('https://picsum.photos/id/31/270/180').classes('w-[270px]')
  10. with ui.carousel_slide().classes('p-0'):
  11. ui.image('https://picsum.photos/id/32/270/180').classes('w-[270px]')
  12. doc.reference(ui.carousel)