emulsify-ui-kit/src/components/header/header.component.yml at 7c44f1bc46bb156f8a6c3e8aed4a9af60f4a3752 · emulsify-ds/emulsify-ui-kit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json

name: Header
group: Components
status: stable
props:
  type: object
  properties:
    header__menu:
      type: array
      title: Menu Items
      description: The list of menu items to display in the header.
      items:
        type: object
        properties:
          label:
            type: string
          url:
            type: string
          submenu:
            type: array
      data:
        - label: Academics
          submenu:
            - label: Undergraduate
              url: #
            - label: Postgraduate
              url: #
        - label: Admissions
          url: /admissions
          submenu:
            - label: International
              url: #
            - label: Domestic
              url: #
        - label: Research
          url: #
        - label: About
          url: #
    header__search_placeholder:
      type: string
      title: Search Placeholder
      description: The placeholder text for the search input.
      data: Search placeholder
slots:
  header__branding:
    title: Branding
    description: Branding content (logo, site name, etc).
  header__menu:
    title: Menu
    description: Navigation menu content.
  header__search:
    title: Search
    description: Search form content.