@sankhyalabs/ezui-docs 6.1.0-dev.17 → 6.1.0-dev.18
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.
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
- [ez-tabselector](../ez-tabselector)
|
|
45
45
|
- [ez-text-area](../ez-text-area)
|
|
46
46
|
- [ez-text-input](../ez-text-input)
|
|
47
|
+
- [ez-tile](../ez-tile)
|
|
47
48
|
- [ez-time-input](../ez-time-input)
|
|
48
49
|
- [ez-tree](../ez-tree)
|
|
49
50
|
|
|
@@ -75,6 +76,7 @@ graph TD;
|
|
|
75
76
|
ez-tabselector --> ez-icon
|
|
76
77
|
ez-text-area --> ez-icon
|
|
77
78
|
ez-text-input --> ez-icon
|
|
79
|
+
ez-tile --> ez-icon
|
|
78
80
|
ez-time-input --> ez-icon
|
|
79
81
|
ez-tree --> ez-icon
|
|
80
82
|
style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
# ez-tile
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | ----------- |
|
|
12
|
+
| `color` | `color` | Define a cor tema do componente. | `"default" \| "gray" \| "green" \| "red" \| "yellow"` | `"default"` |
|
|
13
|
+
| `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
14
|
+
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `"home"` |
|
|
15
|
+
| `isInteractive` | `is-interactive` | Define se o componente será interativo. Caso contrário, será estático. Se true, permite permite clique. Se false, não permite clique | `boolean` | `false` |
|
|
16
|
+
| `maximumLines` | `maximum-lines` | Define a quantidade máxima de linhas de texto a serem apresentadas. Quando a propriedade não é passada, limita a 1 linha. | `number` | `undefined` |
|
|
17
|
+
| `size` | `size` | Define qual o tamanho do componente. - `"default"`: 120x80px - `"medium"`: 120x170px | `"medium" \| "small"` | `"small"` |
|
|
18
|
+
| `text` | `text` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
|
|
19
|
+
| `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Events
|
|
23
|
+
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| ----------- | --------------------------------------------- | ------------------- |
|
|
26
|
+
| `tileClick` | Emitido quando o elemento principal é clicado | `CustomEvent<void>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `setBlur() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Remove o foco do componente.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `setFocus() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Aplica o foco no componente.
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
## Dependencies
|
|
53
|
+
|
|
54
|
+
### Depends on
|
|
55
|
+
|
|
56
|
+
- [ez-icon](../ez-icon)
|
|
57
|
+
|
|
58
|
+
### Graph
|
|
59
|
+
```mermaid
|
|
60
|
+
graph TD;
|
|
61
|
+
ez-tile --> ez-icon
|
|
62
|
+
style ez-tile fill:#f9f,stroke:#333,stroke-width:4px
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
----------------------------------------------
|
|
66
|
+
|
|
67
|
+
|