Repository navigation
Expand file tree
/
Copy pathButtonVariants.cs
More file actions
57 lines (49 loc) · 1.99 KB
/
Copy pathButtonVariants.cs
File metadata and controls
57 lines (49 loc) · 1.99 KB
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
using System.Collections.Generic;
namespace ShellUI.Components;
public enum ButtonVariant
{
Default,
Destructive,
Outline,
Secondary,
Ghost,
Link
}
public enum ButtonSize
{
Default,
Sm,
Lg,
Icon
}
public static class ButtonVariants
{
private static readonly Dictionary<ButtonVariant, string> VariantClasses = new()
{
{ ButtonVariant.Default, "bg-primary text-primary-foreground hover:bg-primary/90" },
{ ButtonVariant.Destructive, "bg-destructive text-destructive-foreground hover:bg-destructive/90" },
{ ButtonVariant.Outline, "border border-input bg-background hover:bg-accent hover:text-accent-foreground" },
{ ButtonVariant.Secondary, "bg-secondary text-secondary-foreground hover:bg-secondary/80" },
{ ButtonVariant.Ghost, "hover:bg-accent hover:text-accent-foreground" },
{ ButtonVariant.Link, "text-primary underline-offset-4 hover:underline" }
};
private static readonly Dictionary<ButtonSize, string> SizeClasses = new()
{
{ ButtonSize.Default, "h-10 px-4 py-2" },
{ ButtonSize.Sm, "h-9 rounded-md px-3" },
{ ButtonSize.Lg, "h-11 rounded-md px-8" },
{ ButtonSize.Icon, "h-10 w-10" }
};
public static string Get(ButtonVariant variant = ButtonVariant.Default,
ButtonSize size = ButtonSize.Default,
string? className = null)
{
var baseClasses = "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50";
return Shell.Cn(
baseClasses,
VariantClasses.GetValueOrDefault(variant, VariantClasses[ButtonVariant.Default]),
SizeClasses.GetValueOrDefault(size, SizeClasses[ButtonSize.Default]),
className
);
}
}