nicegui/website/documentation/content/more/notify_documentation.py

from nicegui import ui

from ...model import UiElementDocumentation


class NotifyDocumentation(UiElementDocumentation, element=ui.notify):

    def main_demo(self) -> None:
        ui.button('Say hi!', on_click=lambda: ui.notify('Hi!', close_button='OK'))

    def more(self) -> None:
        @self.demo('Notification Types', '''
            There are different types that can be used to indicate the nature of the notification.
        ''')
        def notify_colors():
            ui.button('negative', on_click=lambda: ui.notify('error', type='negative'))
            ui.button('positive', on_click=lambda: ui.notify('success', type='positive'))
            ui.button('warning', on_click=lambda: ui.notify('warning', type='warning'))

        @self.demo('Multiline Notifications', '''
            To allow a notification text to span multiple lines, it is sufficient to set `multi_line=True`.
            If manual newline breaks are required (e.g. `\\n`), you need to define a CSS style and pass it to the notification as shown in the example.
        ''')
        def multiline():
            ui.html('<style>.multi-line-notification { white-space: pre-line; }</style>')
            ui.button('show', on_click=lambda: ui.notify(
                'Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n'
                'Hic quisquam non ad sit assumenda consequuntur esse inventore officia. \n'
                'Corrupti reiciendis impedit vel, '
                'fugit odit quisquam quae porro exercitationem eveniet quasi.',
                multi_line=True,
                classes='multi-line-notification',
            ))