Renders tabs in a Info drawer component.

Info drawer screenshot

Basic usage

Render a tab with label:

<adf-info-drawer>

    <adf-info-drawer-tab label="Tab1">
        <div>Tab1 content</div>
    </adf-info-drawer-tab>

    <adf-info-drawer-tab label="Tab2">
        <div>Tab2 content</div>
    </adf-info-drawer-tab>

</adf-info-drawer>

Render tab with icons instead of labels:

<adf-info-drawer>

    <adf-info-drawer-tab icon="comment">
        <div>Tab1 content</div>
    </adf-info-drawer-tab>

    <adf-info-drawer-tab icon="people">
        <div>Tab2 content</div>
    </adf-info-drawer-tab>

</adf-info-drawer>

Info drawer screenshot

You can also combine icon and label properties.

Class members

Properties

NameTypeDefault valueDescription
iconstringnullIcon to render for the tab.
labelstring""The title of the tab (string or translation key).

Details

See the Info drawer component page for details of how to use this subcomponent.

See also

© 2023 Alfresco Software, Inc. All Rights Reserved.