@sankhyalabs/ezui-docs 4.2.1 → 4.3.0
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-badge
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
|
|
12
|
+
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
13
|
+
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
|
|
15
|
+
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
|
|
16
|
+
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Dependencies
|
|
20
|
+
|
|
21
|
+
### Depends on
|
|
22
|
+
|
|
23
|
+
- [ez-icon](../ez-icon)
|
|
24
|
+
|
|
25
|
+
### Graph
|
|
26
|
+
```mermaid
|
|
27
|
+
graph TD;
|
|
28
|
+
ez-badge --> ez-icon
|
|
29
|
+
style ez-badge fill:#f9f,stroke:#333,stroke-width:4px
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
----------------------------------------------
|
|
33
|
+
|
|
34
|
+
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
- [ez-actions-button](../ez-actions-button)
|
|
22
22
|
- [ez-alert](../ez-alert)
|
|
23
|
+
- [ez-badge](../ez-badge)
|
|
23
24
|
- [ez-breadcrumb](../ez-breadcrumb)
|
|
24
25
|
- [ez-button](../ez-button)
|
|
25
26
|
- [ez-chip](../ez-chip)
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
graph TD;
|
|
41
42
|
ez-actions-button --> ez-icon
|
|
42
43
|
ez-alert --> ez-icon
|
|
44
|
+
ez-badge --> ez-icon
|
|
43
45
|
ez-breadcrumb --> ez-icon
|
|
44
46
|
ez-button --> ez-icon
|
|
45
47
|
ez-chip --> ez-icon
|