dioxus_components 0.1.2

A comprehensive collection of reusable Dioxus 0.7 components built with Tailwind CSS v4
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

/* Checkbox animations and transitions */

/* Ensure checkbox is square with proper border radius */
button[role="checkbox"] {
  border-radius: 0.25rem; /* 4px - standard checkbox radius */
}

@keyframes checkboxFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes checkboxFadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

[data-state="checked"] svg,
[data-state="indeterminate"] svg {
  animation: checkboxFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

[data-state="unchecked"] svg {
  animation: checkboxFadeOut 200ms cubic-bezier(0.16, 1, 0.3, 1);
}