Messagebar React Component

    Messagebar React component represents Framework7’s Messagebar component.

    • / **F7Messagebar** - main messagebar element
    • **MessagebarSheet** / **F7MessagebarSheet** - messagebar sheet element
    • **MessagebarSheetImage** / **F7MessagebarSheetImage** - messagebar sheet image item
    • **MessagebarSheetItem** / **F7MessagebarSheetItem** - messagebar sheet item
    • **MessagebarAttachments** / - messagebar attachments element
    • **MessagebarAttachment** / **F7MessagebarAttachment** - single messagebar attachment element

    Messagebar Properties

    Messagebar Events

    • **before-area** - element will be inserted right before textarea. Messagebar attachments go here
    • **after-area** - element will be inserted right after textarea
    • **send-link** - element will be inserted inside of send link
    • - element will be inserted right before <div class="toolbar-inner">. element
    • **after-inner** - element will be inserted right after <div class="toolbar-inner">. element. Messagebar sheet goes here
    • **inner-start** - element will be inserted in the beginning of <div class="toolbar-inner">. element

    Renders to:

    Access To Messagebar Instance

    Here is how the full example of Messages page where it can be used together with Messages: