You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/sticky/stories/it-sticky.mdx
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,9 +18,9 @@ Il componente Sticky (`it-sticky`) mantiene un elemento visibile mentre l'utente
18
18
19
19
Modifica gli attributi nella tabella per personalizzare in tempo reale l'aspetto e il comportamento del componente. Per vedere come cambia il codice, clicca su **Show code**.
20
20
21
-
<Canvasof={Stories.EsempioInterattivo} />
21
+
<Canvasof={Stories.Base} />
22
22
23
-
<Controlsof={Stories.EsempioInterattivo} />
23
+
<Controlsof={Stories.Base} />
24
24
25
25
## Indicazioni generali
26
26
@@ -43,7 +43,7 @@ Per definire un offset in pixel tra l'elemento e il margine superiore, imposta l
43
43
44
44
[Vai all'esempio per questa funzionalità](?path=/story/esempi-sticky--padded-sticky)
45
45
46
-
<Canvasof={Stories.Offset} />
46
+
<Canvasof={Stories.TopOffset} />
47
47
48
48
## Position fixed
49
49
@@ -53,15 +53,15 @@ Puoi modificare la posizione dell'elemento, usa l'attributo `position-type:"fixe
53
53
54
54
[Vai all'esempio per questa funzionalità](?path=/story/esempi-sticky--fixed-sticky)
55
55
56
-
<Canvasof={Stories.PositionFixed} />
56
+
<Canvasof={Stories.Fixed} />
57
57
58
58
## Classi personalizzate
59
59
60
60
Per personalizzare lo stile dell'elemento quando è sticky o fixed, usa la proprietà `sticky-class-name`. Tutte le classi CSS che inserisci in questo attributo verranno aggiunte all'elemento quando diventa sticky e rimosse quando torna normale.
61
61
62
62
[Vai all'esempio per questa funzionalità](?path=/story/esempi-sticky--fixed-sticky-classname)
63
63
64
-
<Canvasof={Stories.ClassiPersonalizzate} />
64
+
<Canvasof={Stories.CustomClass} />
65
65
66
66
## Versione impilabile
67
67
@@ -71,7 +71,7 @@ Quando ci sono più componenti sticky sulla pagina, puoi impilarli l'uno sull'al
71
71
72
72
[Vai all'esempio per questa funzionalità con media query e breakpoint](?path=/story/esempi-sticky--stackable-sticky-resize)
0 commit comments