Newer
Older
# hy-introduction
<!-- Auto Generated Below -->
## Properties
| Property | Attribute | Description | Type | Default |
| ----------------- | ------------------ | ----------- | ------------------- | ----------- |
| `headerstyle` | `headerstyle` | | `string` | `'common'` |
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
| `imageUrl` | `image-url` | | `string` | `undefined` |
| `reversed` | `reversed` | | `boolean` | `false` |
| `scLabel` | `sc-label` | | `string` | `undefined` |
| `textDescription` | `text-description` | | `string` | `null` |
| `textTitle` | `text-title` | | `string` | `undefined` |
| `url` | `url` | | `string` | `undefined` |
| `urlTitle` | `url-title` | | `string` | `undefined` |
| `variant` | `variant` | | `"black" \| "blue"` | `null` |
## Dependencies
### Depends on
- [hy-main-content-wrapper](../hy-main-content-wrapper)
- [hy-heading](../heading)
- [hy-icon](../icon)
- [hy-image](../image)
- [hy-box](../hy-box)
### Graph
```mermaid
graph TD;
hy-introduction --> hy-main-content-wrapper
hy-introduction --> hy-heading
hy-introduction --> hy-icon
hy-introduction --> hy-image
hy-introduction --> hy-box
style hy-introduction fill:#f9f,stroke:#333,stroke-width:4px
```
---
Helsinki University Design System