@sankhyalabs/ezui-docs 5.22.0-dev.138 → 5.22.0-dev.139
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# ez-avatar
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `imageSrc` | `image-src` | URL da imagem do Avatar. | `string` | `undefined` |
|
|
13
|
+
| `isInteractive` | `is-interactive` | Se true, o Avatar será interativo. Caso contrário, será estático. | `boolean` | `false` |
|
|
14
|
+
| `name` | `name` | Nome do usuário para exibição da inicial. | `string` | `undefined` |
|
|
15
|
+
| `shape` | `shape` | Define o formato do Avatar: 'circle' ou 'square'. | `"circle" \| "square"` | `'circle'` |
|
|
16
|
+
| `size` | `size` | Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. | `"100" \| "120" \| "140" \| "160" \| "180" \| "200" \| "220" \| "240" \| "260" \| "280" \| "300" \| "320" \| "60" \| "80"` | `'100'` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Dependencies
|
|
20
|
+
|
|
21
|
+
### Depends on
|
|
22
|
+
|
|
23
|
+
- [ez-icon](../ez-icon)
|
|
24
|
+
|
|
25
|
+
### Graph
|
|
26
|
+
```mermaid
|
|
27
|
+
graph TD;
|
|
28
|
+
ez-avatar --> ez-icon
|
|
29
|
+
style ez-avatar fill:#f9f,stroke:#333,stroke-width:4px
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
----------------------------------------------
|
|
33
|
+
|
|
34
|
+
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
|
|
12
|
+
| `fontSize` | `font-size` | Define o tamanho da fonte. | `number \| string` | `undefined` |
|
|
12
13
|
| `href` | `href` | Define o endereço da imagem quando não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
13
14
|
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
15
|
| `size` | `size` | Define o tamanho do ícone. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
|
|
21
22
|
- [ez-actions-button](../ez-actions-button)
|
|
22
23
|
- [ez-alert](../ez-alert)
|
|
24
|
+
- [ez-avatar](../ez-avatar)
|
|
23
25
|
- [ez-badge](../ez-badge)
|
|
24
26
|
- [ez-breadcrumb](../ez-breadcrumb)
|
|
25
27
|
- [ez-button](../ez-button)
|
|
@@ -47,6 +49,7 @@
|
|
|
47
49
|
graph TD;
|
|
48
50
|
ez-actions-button --> ez-icon
|
|
49
51
|
ez-alert --> ez-icon
|
|
52
|
+
ez-avatar --> ez-icon
|
|
50
53
|
ez-badge --> ez-icon
|
|
51
54
|
ez-breadcrumb --> ez-icon
|
|
52
55
|
ez-button --> ez-icon
|