Sidebar Item

<sw-sidebar-item>

ready

Usage

<sw-sidebar-item title="Product" icon="default-symbol-products">
    Product in sidebar
</sw-sidebar-item>

Component properties

Property name Type Default
title String
icon String
disabled Boolean false
position String top

Methods

Method name Parameters
createdComponent No parameters
openContent No parameters
closeContent No parameters
sidebarButtonClick sidebarItem

Imports

  • ./sw-sidebar-item.html.twig
  • ./sw-sidebar-item.scss

Watcher

  • disabled

SASS variables

Variable name Value
$sw-sidebar-item-headline-color $color-kashmir ($color-darkgray-200)
$sw-sidebar-item-color-border $color-steam-cloud ($color-gray-300)
$sw-sidebar-item-width-navigation 64px
$sw-sidebar-item-width-content 400px

Twig blocks

  • sw_sidebar_item_title
  • sw_sidebar_item_close_button
  • sw_sidebar_item_headline
  • sw_sidebar_item_default_slot
  • sw_sidebar_item_content
  • sw_sidebar_item

Slots

  • default