nicegui/website/documentation/more/chat_message_documentation.py

from nicegui import ui

from ..model import UiElementDocumentation


class ChatMessageDocumentation(UiElementDocumentation, element=ui.chat_message):

    def main_demo(self) -> None:
        ui.chat_message('Hello NiceGUI!',
                        name='Robot',
                        stamp='now',
                        avatar='https://robohash.org/ui')

    def more(self) -> None:
        @self.add_markdown_demo('HTML text', '''
            Using the `text_html` parameter, you can send HTML text to the chat.
        ''')
        def html_text():
            ui.chat_message('Without <strong>HTML</strong>')
            ui.chat_message('With <strong>HTML</strong>', text_html=True)

        @self.add_markdown_demo('Newline', '''
            You can use newlines in the chat message.
        ''')
        def newline():
            ui.chat_message('This is a\nlong line!')

        @self.add_markdown_demo('Multi-part messages', '''
            You can send multiple message parts by passing a list of strings.
        ''')
        def multiple_messages():
            ui.chat_message(['Hi! 😀', 'How are you?'])

        @self.add_markdown_demo('Chat message with child elements', '''
            You can add child elements to a chat message.
        ''')
        def child_elements():
            with ui.chat_message():
                ui.label('Guess where I am!')
                ui.image('https://picsum.photos/id/249/640/360').classes('w-64')