@fusion.dev/helix-docs 0.138.0 → 0.140.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/content/metrics.mdx +221 -221
- package/content/svelte.mdx +18 -0
- package/dist/sources.generated.js +239 -221
- package/package.json +9 -9
package/content/svelte.mdx
CHANGED
|
@@ -33,6 +33,24 @@ Svelte passes objects and arrays as properties on its own:
|
|
|
33
33
|
<helix-tabs items={tabs} />
|
|
34
34
|
```
|
|
35
35
|
|
|
36
|
+
Svelte's own attributes are typed on every Helix tag as well, so `onclick`,
|
|
37
|
+
`class`, and a `style` string check as they do on a `div`.
|
|
38
|
+
|
|
39
|
+
## Ignore the click warnings on a control
|
|
40
|
+
|
|
41
|
+
`svelte-check` warns about an `onclick` on any Helix element. Its accessibility
|
|
42
|
+
check reads the tag, and the button a Helix control renders is in its shadow
|
|
43
|
+
root, with its role and its keys. On a control that renders a button, such as
|
|
44
|
+
`helix-button` or `helix-icon-button`, ignore the two warnings on that element:
|
|
45
|
+
|
|
46
|
+
```svelte
|
|
47
|
+
<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
|
|
48
|
+
<helix-icon-button label="Close" onclick={close}></helix-icon-button>
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
On an element that renders no control, such as `helix-tag`, the warning is
|
|
52
|
+
right. Use a control there.
|
|
53
|
+
|
|
36
54
|
## Read values and refuse changes
|
|
37
55
|
|
|
38
56
|
These two rules apply in every framework.
|