@brightspace-ui/labs 2.55.0 → 2.55.1
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/package.json
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# AI Button
|
|
2
|
+
|
|
3
|
+
This is a special button style used to draw extra attention to a new AI-powered feature; it is not an official design pattern and each usage should be carefully considered.
|
|
4
|
+
|
|
5
|
+
It has a default image, but it is also compatible with the `<d2l-icon-custom>` component via the `icon` slot.
|
|
6
|
+
|
|
7
|
+
## AI Button [d2l-labs-button-ai]
|
|
8
|
+
|
|
9
|
+
<!-- docs: demo code -->
|
|
10
|
+
```html
|
|
11
|
+
<script type="module">
|
|
12
|
+
import '@brightspace-ui/labs/components/button-ai.js';
|
|
13
|
+
</script>
|
|
14
|
+
<d2l-labs-button-ai text="New AI Feature"></d2l-labs-button-ai>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
<!-- docs: start hidden content -->
|
|
18
|
+
|
|
19
|
+
**Properties:**
|
|
20
|
+
|
|
21
|
+
| Property | Type | Description |
|
|
22
|
+
|--|--|--|
|
|
23
|
+
| `text` | String, required | Text for the button |
|
|
24
|
+
| `disabled` | Boolean | Disables the button |
|
|
25
|
+
| `disabled-tooltip` | String | Tooltip text when disabled |
|
|
26
|
+
|
|
27
|
+
<!-- docs: end hidden content -->
|