Newer
Older
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
# hy-person-card
<!-- Auto Generated Below -->
## Properties
| Property | Attribute | Description | Type | Default |
| --------------- | ---------------- | ----------- | -------------------------------------------------------------- | ---------------------------- |
| `categoryTitle` | `category-title` | | `string` | `undefined` |
| `department` | `department` | | `string` | `undefined` |
| `email` | `email` | | `string` | `undefined` |
| `field` | `field` | | `string` | `undefined` |
| `firstName` | `first-name` | | `string` | `undefined` |
| `imageAlt` | `image-alt` | | `string` | `undefined` |
| `imageUrl` | `image-url` | | `string` | `undefined` |
| `isExternal` | `is-external` | | `boolean` | `false` |
| `lastName` | `last-name` | | `string` | `undefined` |
| `phone` | `phone` | | `string` | `undefined` |
| `positionTitle` | `position-title` | | `string` | `undefined` |
| `scLabel` | `sc-label` | | `string` | `undefined` |
| `url` | `url` | | `string` | `undefined` |
| `variant` | `variant` | | `PersonCardVariants.default \| PersonCardVariants.searchPanel` | `PersonCardVariants.default` |
## Dependencies
### Depends on
- [hy-icon](../icon)
### Graph
```mermaid
graph TD;
hy-person-card --> hy-icon
style hy-person-card fill:#f9f,stroke:#333,stroke-width:4px
```
---
Helsinki University Design System