Wondering what’s next for npm?Check out our public roadmap! »

    bonaparte-toolbar

    0.0.36 • Public • Published

    < bonaparte-toolbar >

    npm version

    The toolbar component is a specialized bonaparte sidebar which contains button groups.

    The toolbar inherits all the functionality from <bonaparte-sidebar>. In addition child elements of the sidebar are handled as _ button groups_ and spread evenly from left to right / top to bottom.

    Examples

    Structure

    <bonaparte-toolbar
      open
      position
    >
        <1st-child> <!-- toolbar -->
            <nth-child> <!-- group -->
        </1st-child>
     
        <2nd-child> <!-- content -->
     
    </bonaparte-toolbar>

    <1st-child> Toolbar

    Place on one side of the content according to the sidebar attribute.

    <1st-child> <nth-child> Group

    Each child of the toolbar is considered a button group. Groups are spread out evenly long the toolbar.

    <2nd-child> Content

    Holds the main content. The toolbar is placed around this element.

    Attributes

    open

    Defines if the toolbar is open/visible.

    • Default true
    • Values false true

    position

    Defines the position of the toolbar relative to the content area.

    • Default left
    • Values top right bottom left

    Events

    bonaparte.toolbar.open

    Triggers when the toolbar opens.

    • Source <bonaparte-toolbar>
    • Bubbles Yes

    bonaparte.toolbar.close

    Triggers when the toolbar closes.

    • Source <bonaparte-toolbar>
    • Bubbles Yes

    Install

    npm i bonaparte-toolbar

    DownloadsWeekly Downloads

    29

    Version

    0.0.36

    License

    ISC

    Homepage

    bonaparte.io

    Last publish

    Collaborators

    • avatar