src/content/dependencies/generateSearchSidebarBox.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

export default {
  contentDependencies: ['generatePageSidebarBox'],
  extraDependencies: ['html'],

  relations: (relation) => ({
    sidebarBox:
      relation('generatePageSidebarBox'),
  }),

  generate: (relations, {html}) =>
    relations.sidebarBox.slots({
      attributes: {class: 'wiki-search-sidebar-box'},
      collapsible: false,

      content: [
        html.tag('input', {class: 'wiki-search-input'},
          {placeholder: `Search for anything`},
          {type: 'search'})
      ],
    }),
};