singlestage 0.4.1

A UI component library for Leptos based on Basecoat UI and shadcn/ui
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

@layer components {
  .singlestage-toggle-default,
  .singlestage-toggle-outline {
    @apply
    inline-flex
    items-center
    justify-center
    gap-2
    rounded-md
    text-sm
    font-medium
    hover:bg-muted
    hover:text-muted-foreground
    disabled:pointer-events-none
    disabled:opacity-50
    data-[state=on]:bg-accent
    data-[state=on]:text-accent-foreground
    [&_svg]:pointer-events-none
    [&_svg:not([class*='size-'])]:size-4
    [&_svg]:shrink-0
    focus-visible:border-ring
    focus-visible:ring-ring/50
    focus-visible:ring-[3px]
    outline-none
    transition-[color,box-shadow]
    aria-invalid:ring-destructive/20
    dark:aria-invalid:ring-destructive/40
    aria-invalid:border-destructive 
    whitespace-nowrap
    h-9
    px-2
    min-w-9;
}

  .singlestage-toggle-sm {
    @apply
    h-8
    px-1.5
    min-w-8;
  }

  .singlestage-toggle-lg {
    @apply
    h-10
    px-2.5
    min-w-10;
  }

  .singlestage-toggle-outline {
    @apply 
    border
    border-input
    bg-transparent
    shadow-xs
    hover:bg-accent 
    hover:text-accent-foreground;
  }

}