ngx-opalbytes-components 1.16.1 → 1.18.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.
- package/README.md +28 -0
- package/fesm2022/ngx-opalbytes-components.mjs +1090 -1067
- package/fesm2022/ngx-opalbytes-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngx-opalbytes-components.d.ts +105 -94
package/README.md
CHANGED
|
@@ -83,6 +83,7 @@ src/
|
|
|
83
83
|
└── components/
|
|
84
84
|
| ├── autocomplete/
|
|
85
85
|
| ├── base-button/
|
|
86
|
+
| ├── base-icon/
|
|
86
87
|
| ├── base-input/
|
|
87
88
|
| ├── base-time-range/
|
|
88
89
|
| ├── base-toggle/
|
|
@@ -137,6 +138,33 @@ Um botão customizável com suporte a ícones, estado de loading e tooltip.
|
|
|
137
138
|
|
|
138
139
|
---
|
|
139
140
|
|
|
141
|
+
### `BaseIcon`
|
|
142
|
+
Um componente para exibir ícones, com suporte a ícones Lucide ou imagens customizadas.
|
|
143
|
+
|
|
144
|
+
**Seletor:** `<cao-base-icon>`
|
|
145
|
+
|
|
146
|
+
**Atributos (Inputs)**
|
|
147
|
+
|
|
148
|
+
| Atributo | Tipo | Padrão | Descrição |
|
|
149
|
+
| --- | --- | --- | --- |
|
|
150
|
+
| `imgSource` | `string` | `''` | Caminho da imagem ou nome do ícone Lucide. |
|
|
151
|
+
| `isLucideIcon` | `boolean` | `true` | Define se o ícone é do pacote Lucide. |
|
|
152
|
+
| `strokeWidthIcon` | `number` | `1` | Define a espessura (stroke width) do ícone Lucide. |
|
|
153
|
+
| `iconColor` | `string` | `''` | Cor aplicada ao ícone Lucide. |
|
|
154
|
+
| `size` | `number` | `32` | Tamanho do ícone em pixels. |
|
|
155
|
+
|
|
156
|
+
**Exemplo de uso:**
|
|
157
|
+
|
|
158
|
+
```html
|
|
159
|
+
<!-- Ícone Lucide -->
|
|
160
|
+
<cao-base-icon imgSource="home" [isLucideIcon]="true" [iconColor]="'#4f46e5'" [size]="24"></cao-base-icon>
|
|
161
|
+
|
|
162
|
+
<!-- Imagem customizada -->
|
|
163
|
+
<cao-base-icon imgSource="assets/meu-icone.svg" [isLucideIcon]="false"></cao-base-icon>
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
---
|
|
167
|
+
|
|
140
168
|
### `Stepper`
|
|
141
169
|
|
|
142
170
|
Um componente de passo a passo que guia o usuário através de um processo.
|