@xsolla/xui-button 0.110.0 → 0.112.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 +8 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -348,16 +348,22 @@ export default function ButtonWithCustomContent() {
|
|
|
348
348
|
|
|
349
349
|
### Tertiary Variant
|
|
350
350
|
|
|
351
|
-
The tertiary variant
|
|
351
|
+
The tertiary variant is a subtle filled button with a muted background and border. It is commonly used for secondary actions inside content cards (e.g. "Activate" in game cards).
|
|
352
352
|
|
|
353
353
|
```tsx
|
|
354
354
|
import * as React from 'react';
|
|
355
355
|
import { Button, IconButton } from '@xsolla/xui-button';
|
|
356
|
-
import { Settings } from '@xsolla/xui-icons-base';
|
|
356
|
+
import { Settings, ArrowRight } from '@xsolla/xui-icons-base';
|
|
357
357
|
|
|
358
358
|
export default function TertiaryButtons() {
|
|
359
359
|
return (
|
|
360
360
|
<div style={{ display: 'flex', gap: 16 }}>
|
|
361
|
+
<Button variant="tertiary" tone="brand" size="xs">
|
|
362
|
+
Activate
|
|
363
|
+
</Button>
|
|
364
|
+
<Button variant="tertiary" tone="brand" size="xs" iconRight={<ArrowRight />}>
|
|
365
|
+
Details
|
|
366
|
+
</Button>
|
|
361
367
|
<Button variant="tertiary">Learn More</Button>
|
|
362
368
|
<IconButton
|
|
363
369
|
variant="tertiary"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xsolla/xui-button",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.112.0",
|
|
4
4
|
"main": "./web/index.js",
|
|
5
5
|
"module": "./web/index.mjs",
|
|
6
6
|
"types": "./web/index.d.ts",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"test:coverage": "vitest run --coverage"
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xsolla/xui-core": "0.
|
|
17
|
-
"@xsolla/xui-icons": "0.
|
|
18
|
-
"@xsolla/xui-primitives-core": "0.
|
|
16
|
+
"@xsolla/xui-core": "0.112.0",
|
|
17
|
+
"@xsolla/xui-icons": "0.112.0",
|
|
18
|
+
"@xsolla/xui-primitives-core": "0.112.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": ">=16.8.0",
|