@klu_dev/ui-klu-green 1.1.2 → 1.1.3
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 +5 -10
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -134,25 +134,20 @@ export default function ButtonExamples() {
|
|
|
134
134
|
|
|
135
135
|
- **Botón con ícono:**
|
|
136
136
|
```tsx
|
|
137
|
-
import { Button,
|
|
137
|
+
import { Button, Icons } from "@klu_dev/ui-klu-green"
|
|
138
138
|
|
|
139
139
|
export default function ButtonExamples() {
|
|
140
140
|
return (
|
|
141
141
|
<div className="uiklu-flex uiklu-flex-col uiklu-gap-6">
|
|
142
|
-
{/* Botón con
|
|
143
|
-
<Button variant="primary" icon={
|
|
142
|
+
{/* Botón con ícono usando el objeto Icons */}
|
|
143
|
+
<Button variant="primary" icon={Icons.CARD}>
|
|
144
144
|
Pagar con Tarjeta
|
|
145
145
|
</Button>
|
|
146
146
|
|
|
147
|
-
{/* Botón con
|
|
148
|
-
<Button variant="outlinePrimary" icon={
|
|
147
|
+
{/* Botón con ícono a la derecha */}
|
|
148
|
+
<Button variant="outlinePrimary" icon={Icons.CHEVRON_RIGHT} iconAlign="right">
|
|
149
149
|
Continuar
|
|
150
150
|
</Button>
|
|
151
|
-
|
|
152
|
-
{/* Botón con gradiente e icono (el icono se adapta a blanco automáticamente) */}
|
|
153
|
-
<Button variant="secondary" size="lg" icon={<CardIcon />}>
|
|
154
|
-
Confirmar Transacción
|
|
155
|
-
</Button>
|
|
156
151
|
</div>
|
|
157
152
|
)
|
|
158
153
|
}
|