()
12 | {
13 | {
14 | ButtonVariant.Default, "bg-primary text-primary-foreground hover:bg-primary/90"
15 | },
16 | {
17 | ButtonVariant.Destructive, "bg-destructive text-destructive-foreground hover:bg-destructive/90"
18 | },
19 | {
20 | ButtonVariant.Outline, "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
21 | },
22 | {
23 | ButtonVariant.Secondary, "bg-secondary text-secondary-foreground hover:bg-secondary/80"
24 | },
25 | {
26 | ButtonVariant.Ghost, "hover:bg-accent hover:text-accent-foreground"
27 | },
28 | {
29 | ButtonVariant.Link, "text-primary underline-offset-4 hover:underline"
30 | }
31 | };
32 | }
--------------------------------------------------------------------------------
/Spark.UI.Docs/Pages/Components/Form/FormDescriptionPage.razor:
--------------------------------------------------------------------------------
1 | @page "/docs/components/form-description"
2 | @layout DocsLayout
3 |
4 | Form description component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Form Description
13 |
14 |
15 |
16 |
17 | Form Description
18 |
19 |
20 | Displays a description for a form input control
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 | Email
31 | Enter your business email address
33 |
34 |
35 |
36 |
37 | @($@"
38 | Email
39 | Enter your business email address
41 |
")
42 |
43 |
44 |
45 |
5 | Component library for Blazor - spark.ui
6 |
7 |
8 |
9 |
10 | Docs
11 |
12 |
14 | Introduction
15 |
16 |
17 |
18 |
19 | Introduction
20 |
21 |
22 | Re-usable Blazor components built using Tailwind CSS
23 |
24 |
25 |
26 |
27 | spark.ui is a collection of re-usable Razor components that you can copy and paste into your Blazor applications.
28 |
29 |
30 | Built using Tailwind CSS and heavily inspired by the shadcn component library.
31 |
32 |
33 | Our Philosophy
34 |
35 |
36 | Most Blazor component libraries compile their components and then make you learn their APIs to use them.
37 |
38 |
39 | spark.ui doesn't do that.
40 |
41 |
42 | Instead, the source code is meant to be copied into your project. From there, you own the code.
43 |
44 |
45 | Installing spark.ui
46 |
47 |
48 | Follow the installation guide to get started.
49 |
50 |
--------------------------------------------------------------------------------
/Spark.UI.sln:
--------------------------------------------------------------------------------
1 |
2 | Microsoft Visual Studio Solution File, Format Version 12.00
3 | # Visual Studio Version 17
4 | VisualStudioVersion = 17.8.34004.107
5 | MinimumVisualStudioVersion = 10.0.40219.1
6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Spark.UI.Docs", "Spark.UI.Docs\Spark.UI.Docs.csproj", "{1260F4CB-6C19-4B50-9E97-B120431B52CF}"
7 | EndProject
8 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Spark.UI", "Spark.UI\Spark.UI.csproj", "{864E2152-CA5D-4782-AAF3-40AD5C44D788}"
9 | EndProject
10 | Global
11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution
12 | Debug|Any CPU = Debug|Any CPU
13 | Release|Any CPU = Release|Any CPU
14 | EndGlobalSection
15 | GlobalSection(ProjectConfigurationPlatforms) = postSolution
16 | {1260F4CB-6C19-4B50-9E97-B120431B52CF}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
17 | {1260F4CB-6C19-4B50-9E97-B120431B52CF}.Debug|Any CPU.Build.0 = Debug|Any CPU
18 | {1260F4CB-6C19-4B50-9E97-B120431B52CF}.Release|Any CPU.ActiveCfg = Release|Any CPU
19 | {1260F4CB-6C19-4B50-9E97-B120431B52CF}.Release|Any CPU.Build.0 = Release|Any CPU
20 | {864E2152-CA5D-4782-AAF3-40AD5C44D788}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
21 | {864E2152-CA5D-4782-AAF3-40AD5C44D788}.Debug|Any CPU.Build.0 = Debug|Any CPU
22 | {864E2152-CA5D-4782-AAF3-40AD5C44D788}.Release|Any CPU.ActiveCfg = Release|Any CPU
23 | {864E2152-CA5D-4782-AAF3-40AD5C44D788}.Release|Any CPU.Build.0 = Release|Any CPU
24 | EndGlobalSection
25 | GlobalSection(SolutionProperties) = preSolution
26 | HideSolutionNode = FALSE
27 | EndGlobalSection
28 | GlobalSection(ExtensibilityGlobals) = postSolution
29 | SolutionGuid = {9B02EA99-9274-446C-9672-F74FF12D6132}
30 | EndGlobalSection
31 | EndGlobal
32 |
--------------------------------------------------------------------------------
/Spark.UI.Docs/Pages/Components/Form/ValidationMessagePage.razor:
--------------------------------------------------------------------------------
1 | @page "/docs/components/validation-message"
2 | @layout DocsLayout
3 |
4 | Validation message component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Validation Message
13 |
14 |
15 |
16 |
17 | Validation Message
18 |
19 |
20 | Displays a validation message for a input control
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 |
Email
32 |
33 |
34 | Required
35 |
36 |
37 |
Submit
38 |
40 |
41 |
42 | @($@"
43 |
44 |
45 | Email
46 | Email""
48 |
49 | Submit
50 |
20 |
21 |
23 |
24 | Not found
25 |
26 | Sorry, there's nothing at this address.
27 |
28 |
29 |
30 |
31 | @*
32 | *@
33 |
34 |
35 |
36 | @*
37 | *@
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/Spark.UI/Components/Typography/TypographyTable.razor:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vestibulum Vitae Nisl
7 |
8 |
9 | Erat Voluptatem
10 |
11 |
12 |
13 |
14 |
15 |
16 | Etiam
17 |
18 |
19 | Tellu
20 |
21 |
22 |
23 |
24 | Proin
25 |
26 |
27 | Aliquam
28 |
29 |
30 |
31 |
32 | Erat
33 |
34 |
35 | Voluptatem
36 |
37 |
38 |
39 |
40 |
2 |
3 |
4 |
5 |
11 | Preview
12 |
13 |
18 | Code
19 |
20 |
21 |
22 | @ChildContent
23 |
24 |
Navbar and nav links components for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Navigation Bar
13 |
14 |
15 |
16 |
17 | Navigation Bar
18 |
19 |
20 | Displays a Navbar
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 | Overview
30 |
31 |
32 | Customers
33 |
34 |
35 | Products
36 |
37 |
38 | Settings
39 |
40 |
41 |
42 |
43 | Login
44 |
45 |
46 | Signup
47 |
48 |
49 |
50 |
51 |
52 |
53 | @($@"
54 |
55 |
56 | Overview
57 |
58 |
59 | Customers
60 |
61 |
62 | Products
63 |
64 |
65 | Settings
66 |
67 |
68 |
69 |
70 | Login
71 |
72 |
73 | Signup
74 |
75 |
76 | ")
77 |
78 |
79 |
80 |
Breadcrumb component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Breadcrumb
13 |
14 |
15 |
16 |
17 | Breadcrumb
18 |
19 |
20 | Displays a breadcrumb component
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 | Profile
32 |
33 |
35 | Edit
36 |
37 |
38 |
39 |
40 |
41 | @($@"
42 |
43 | Profile
44 |
45 |
47 | Edit
48 |
49 | ")
50 |
51 |
52 |
53 |
54 | Breadcrumb with Links
55 |
56 |
57 |
58 |
59 |
60 | Dashboard
61 |
62 |
64 | Profile
65 |
66 |
68 | Settings
69 |
70 |
71 |
72 |
73 |
74 | @($@"
75 |
76 | Dashboard
77 |
78 |
80 | Profile
81 |
82 |
84 | Settings
85 |
86 | ")
87 |
88 |
89 |
90 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | ###############################################################################
2 | # Set default behavior to automatically normalize line endings.
3 | ###############################################################################
4 | * text=auto
5 |
6 | ###############################################################################
7 | # Set default behavior for command prompt diff.
8 | #
9 | # This is need for earlier builds of msysgit that does not have it on by
10 | # default for csharp files.
11 | # Note: This is only used by command line
12 | ###############################################################################
13 | #*.cs diff=csharp
14 |
15 | ###############################################################################
16 | # Set the merge driver for project and solution files
17 | #
18 | # Merging from the command prompt will add diff markers to the files if there
19 | # are conflicts (Merging from VS is not affected by the settings below, in VS
20 | # the diff markers are never inserted). Diff markers may cause the following
21 | # file extensions to fail to load in VS. An alternative would be to treat
22 | # these files as binary and thus will always conflict and require user
23 | # intervention with every merge. To do so, just uncomment the entries below
24 | ###############################################################################
25 | #*.sln merge=binary
26 | #*.csproj merge=binary
27 | #*.vbproj merge=binary
28 | #*.vcxproj merge=binary
29 | #*.vcproj merge=binary
30 | #*.dbproj merge=binary
31 | #*.fsproj merge=binary
32 | #*.lsproj merge=binary
33 | #*.wixproj merge=binary
34 | #*.modelproj merge=binary
35 | #*.sqlproj merge=binary
36 | #*.wwaproj merge=binary
37 |
38 | ###############################################################################
39 | # behavior for image files
40 | #
41 | # image files are treated as binary by default.
42 | ###############################################################################
43 | #*.jpg binary
44 | #*.png binary
45 | #*.gif binary
46 |
47 | ###############################################################################
48 | # diff behavior for common document formats
49 | #
50 | # Convert binary document formats to text before diffing them. This feature
51 | # is only available from the command line. Turn it on by uncommenting the
52 | # entries below.
53 | ###############################################################################
54 | #*.doc diff=astextplain
55 | #*.DOC diff=astextplain
56 | #*.docx diff=astextplain
57 | #*.DOCX diff=astextplain
58 | #*.dot diff=astextplain
59 | #*.DOT diff=astextplain
60 | #*.pdf diff=astextplain
61 | #*.PDF diff=astextplain
62 | #*.rtf diff=astextplain
63 | #*.RTF diff=astextplain
64 |
--------------------------------------------------------------------------------
/Spark.UI.Docs/Pages/Components/CardPage.razor:
--------------------------------------------------------------------------------
1 | @page "/docs/components/card"
2 | @layout DocsLayout
3 |
4 | Card component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Card
13 |
14 |
15 |
16 |
17 | Card
18 |
19 |
20 | Displays a card with header, content, and footer.
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 |
32 | Sign in to your account
33 |
34 |
35 | Not a member? Start a 7 day free trial
36 |
37 |
38 |
39 |
54 |
55 |
56 | Don't' have an account?
57 | Sign up
58 |
59 |
60 |
61 |
62 |
63 | @($@"
64 |
65 |
66 | Sign in to your account
67 |
68 |
69 | Not a member? Start a 7 day free trial
70 |
71 |
72 |
73 |
88 |
89 |
90 | Don't' have an account?
91 | Sign up
92 |
93 | ")
94 |
95 |
96 |
97 |
Checkbox component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Checkbox
13 |
14 |
15 |
16 |
17 | Checkbox
18 |
19 |
20 | Checkbox form control that toggles between checked and not checked
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
32 | Accept terms and conditions
33 |
34 |
35 |
36 |
37 |
38 | @($@"
39 |
41 | Accept terms and conditions
42 |
43 |
44 |
45 | @code {{
46 | private bool IsSelected = false;
47 | }}")
48 |
49 |
50 |
51 |
52 | With Description
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 | Accept terms and conditions
61 |
62 |
63 | You agree to our Terms of Service
64 |
65 |
66 |
68 |
69 |
70 | @($@"
71 |
72 |
73 |
74 | Accept terms and conditions
75 |
76 |
77 | You agree to our Terms of Service
78 |
79 |
80 |
86 |
87 |
88 |
89 | Disabled
90 |
91 |
92 |
93 |
94 |
96 | Accept terms and conditions
97 |
98 |
99 |
100 |
101 |
102 | @($@"
103 |
105 | Accept terms and conditions
106 |
107 |
108 |
109 | @code {{
110 | private bool IsSelected = false;
111 | }}")
112 |
113 |
114 |
115 |
Label component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Label
13 |
14 |
15 |
16 |
17 | Label
18 |
19 |
20 | Displays a label associated with controls
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 | Name
32 |
33 |
35 |
36 |
37 |
38 | @($@"
39 |
40 | Name
41 |
42 |
44 |
45 | @code {{
46 | private string Name = """";
47 | }}")
48 |
49 |
50 |
51 |
52 | Input Group
53 |
54 |
55 | The InputGroup component will display a label for you based on the For parameter.
56 |
57 |
58 |
59 |
60 |
62 |
64 |
65 | Submit
66 |
67 |
68 |
69 |
70 |
71 | @($@"
72 | Form.Name"">
74 |
76 |
77 | Submit
78 |
79 | ")
80 |
81 |
82 |
83 |
84 | Checkbox Label
85 |
86 |
87 | Checkbox labels typically come after the InputCheckbox component.
88 |
89 |
90 |
91 |
92 |
94 | Accept terms and conditions
95 |
96 |
97 |
98 |
99 |
100 | @($@"
101 |
103 | Accept terms and conditions
104 |
105 |
106 |
107 | @code {{
108 | private bool IsSelected = false;
109 | }}")
110 |
111 |
112 |
113 |
5 | Using spark.ui components - spark.ui
6 |
7 |
8 |
9 |
10 | Docs
11 |
12 |
14 | Component Basics
15 |
16 |
17 |
18 |
19 | Component Basics
20 |
21 |
22 | About spark.ui components
23 |
24 |
25 |
26 |
27 | spark.ui components are normal Razor components meant to be used in Blazor projects.
28 |
29 |
30 | They're' purpose is to give you a great design base with Tailwind CSS. They do no implement functionality for you.
31 |
32 |
33 | The majority of the components in the library inherit from SparkComponent.razor
34 |
35 |
36 | SparkComponent.razor Anatomy
37 |
38 |
39 | The SparkComponent has 2 parameters which are applicable to any component who inherits from it.
40 |
41 |
42 | ChildContent
43 | AdditionalAttributes
44 |
45 |
46 |
47 |
48 | ChildContent
49 |
50 |
51 | ChildContent is a RenderFragment and is set to anything inside your components tags.
52 |
53 |
54 | For example, the text between the below TypographyP component will be set to the ChildContent and displayed.
55 |
56 |
57 | @(@"
58 | This text is set to the ChildContent parameter.
59 |
60 | ")
61 |
62 |
63 | This makes components extremely flexible as you can make any markup or other components children of a component.
64 |
65 |
66 |
67 |
68 | AdditionalAttributes
69 |
70 |
71 | AdditionalAttributes is a Dictionary that will pickup any html attribute you pass into the component outside of it's normal parameters.
72 |
73 |
74 | For example, you want to set the type of a button. Passing the html attribute type="submit" to the Button component will be picked up by this dictionary and display it correctly in the rendered output.
75 |
76 |
77 | @(@"
78 | Submit
79 |
80 | ")
81 |
82 |
83 |
84 |
85 | Variants
86 |
87 |
88 | Some components, such as the Button component, will have a Variant enum parameter.
89 |
90 |
91 | Variant parameters change the Tailwind CSS classes applied to the rendered element, making it easy to implement multiple styles for 1 component.
92 |
93 |
94 | Any component using a Variant parameter will use the default variant if none are provided.
95 |
96 |
97 | Default Variant
98 |
99 | @($@"Button ")
100 |
101 | Button
102 |
103 |
104 | Outline Variant
105 |
106 | @($@"Button ")
107 |
108 | Button
109 |
110 |
Textarea component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Textarea
13 |
14 |
15 |
16 |
17 | Textarea
18 |
19 |
20 | Displays a form textarea control
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
32 |
33 |
34 |
35 | @($@"
36 |
38 |
39 | @code {{
40 | private string Message = "";
41 | }}")
42 |
43 |
44 |
45 |
46 | Label
47 |
48 |
49 |
50 |
51 | Message
52 |
54 |
55 |
56 |
57 | @($@"
58 | Message
59 |
61 |
62 | @code {{
63 | private string Message = "";
64 | }}")
65 |
66 |
67 |
68 |
69 | Input Group
70 |
71 |
72 |
73 |
74 |
76 |
78 |
79 |
80 | Submit
81 |
82 |
83 |
84 |
85 |
86 |
87 | @($@"
88 | Form.Message"" Description=""Tell us why you love our pizza so much"">
90 |
92 |
93 |
94 | Submit
95 |
96 |
97 | ")
98 |
99 |
100 |
101 |
102 | Disabled
103 |
104 |
105 |
106 |
107 |
109 |
110 |
111 |
112 | @($@"
113 |
")
115 |
116 |
117 |
118 |
Badge component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Badges
13 |
14 |
15 |
16 |
17 | Badges
18 |
19 |
20 | Displays a badge component
21 |
22 |
23 |
24 |
25 | Default
26 |
27 |
28 |
29 | Badge
30 |
31 |
32 |
33 | @($@"Badge ")
34 |
35 |
36 |
37 |
38 | Secondary
39 |
40 |
41 |
42 | Secondary
43 |
44 |
45 |
46 | @($@"Secondary ")
47 |
48 |
49 |
50 |
51 | Outline
52 |
53 |
54 |
55 | Outline
56 |
57 |
58 |
59 | @($@"Outline ")
60 |
61 |
62 |
63 |
64 | Success
65 |
66 |
67 |
68 | Success
69 |
70 |
71 |
72 | @($@"Success ")
73 |
74 |
75 |
76 |
77 | Info
78 |
79 |
80 |
81 | Info
82 |
83 |
84 |
85 | @($@"Info ")
86 |
87 |
88 |
89 |
90 | Warning
91 |
92 |
93 |
94 | Warning
95 |
96 |
97 |
98 | @($@"Warning ")
99 |
100 |
101 |
102 |
103 | Destructive
104 |
105 |
106 |
107 | Destructive
108 |
109 |
110 |
111 | @($@"Destructive ")
112 |
113 |
114 |
115 |
--------------------------------------------------------------------------------
/Spark.UI.Docs/Pages/Components/Buttons.razor:
--------------------------------------------------------------------------------
1 | @page "/docs/components/buttons"
2 | @layout DocsLayout
3 |
4 | Button component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Buttons
13 |
14 |
15 |
16 |
17 | Buttons
18 |
19 |
20 | Displays a button or link that looks like a button
21 |
22 |
23 |
24 |
25 | Primary
26 |
27 |
28 |
29 | Button
30 |
31 |
32 |
33 | @($@"Button ")
34 |
35 |
36 |
37 |
38 | Link
39 |
40 |
41 | The ButtonLink component is a link styled as a button.
42 |
43 |
44 |
45 | Link
46 |
47 |
48 |
49 | @($@"Link ")
50 |
51 |
52 |
53 |
54 | Secondary
55 |
56 |
57 |
58 | Secondary
59 |
60 |
61 |
62 | @($@"Secondary ")
63 |
64 |
65 |
66 |
67 | Destructive
68 |
69 |
70 |
71 | Destructive
72 |
73 |
74 |
75 | @($@"Destructive ")
76 |
77 |
78 |
79 |
80 | Outline
81 |
82 |
83 |
84 | Outline
85 |
86 |
87 |
88 | @($@"Outline ")
89 |
90 |
91 |
92 |
93 | Ghost
94 |
95 |
96 |
97 | Ghost
98 |
99 |
100 |
101 | @($@"Ghost ")
102 |
103 |
104 |
105 |
106 | Icon
107 |
108 |
109 |
110 |
111 |
113 |
114 |
115 |
116 | @($@"
117 | ")
119 |
120 |
121 |
122 |
--------------------------------------------------------------------------------
/Spark.UI.Docs/Pages/Components/Typography.razor:
--------------------------------------------------------------------------------
1 | @page "/docs/components/typography"
2 | @layout DocsLayout
3 |
4 | Typography example for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Typography
13 |
14 |
15 |
16 |
17 | Typography
18 |
19 |
20 | Styles for headings, paragraphs, lists, etc...
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 | Lorem Ipsum
32 |
33 |
34 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula viverra aliquet. Nam vel dolor nec nisl volutpat fringilla.
35 |
36 |
37 | Etiam Mollis
38 |
39 |
40 | Etiam mollis purus eu orci venenatis, vitae finibus tortor viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed et venenatis felis.
41 |
42 |
43 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas."
44 |
45 |
46 | Suspendisse Potenti
47 |
48 |
49 | Nulla at tincidunt ex. Integer sed nulla justo. Vestibulum a tortor a est vehicula laoreet id vel arcu.
50 |
51 |
52 |
53 | Cras non purus
54 |
55 |
56 | Vivamus varius ultricies
57 |
58 |
59 | Ut ullamcorper
60 |
61 |
62 |
63 | Etiam mollis purus eu orci venenatis, vitae finibus tortor viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed et venenatis felis.
64 |
65 |
66 | Nulla At Tincidunt
67 |
68 |
69 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula viverra aliquet. Nam vel dolor nec nisl volutpat fringilla.
70 |
71 |
72 |
74 |
75 |
76 | @(@"
77 |
78 | Lorem Ipsum
79 |
80 |
81 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula viverra aliquet. Nam vel dolor nec nisl volutpat fringilla.
82 |
83 |
84 | Etiam Mollis
85 |
86 |
87 | Etiam mollis purus eu orci venenatis, vitae finibus tortor viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed et venenatis felis.
88 |
89 |
90 | ""Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.""
91 |
92 |
93 | Suspendisse Potenti
94 |
95 |
96 | Nulla at tincidunt ex. Integer sed nulla justo. Vestibulum a tortor a est vehicula laoreet id vel arcu.
97 |
98 |
99 |
100 | Cras non purus
101 |
102 |
103 | Vivamus varius ultricies
104 |
105 |
106 | Ut ullamcorper
107 |
108 |
109 |
110 | Etiam mollis purus eu orci venenatis, vitae finibus tortor viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed et venenatis felis.
111 |
112 |
113 | Nulla At Tincidunt
114 |
115 |
116 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vehicula viverra aliquet. Nam vel dolor nec nisl volutpat fringilla.
117 |
118 |
119 |
121 |
122 |
123 |
5 | How to install the library in your Blazor or Spark.NET app - spark.ui
6 |
7 |
8 |
9 |
10 | Docs
11 |
12 |
14 | Installation
15 |
16 |
17 |
18 |
19 | Installation
20 |
21 |
22 | How to install spark.ui
23 |
24 |
25 |
26 | @*
27 | Install spark.ui with Spark.NET
28 |
29 |
30 | 1. Create a new Spark project
31 |
32 |
33 | Spark.NET Blazor projects come with spark.ui already installed. Simply run the Spark CLI `new` command to create a fresh project.
34 |
35 |
36 | @($@"spark new MyApp")
37 |
38 |
39 | 2. Start the Tailwind CLI build process
40 |
41 |
42 | Run the Tailwind CLI tool to scan your template files for classes and build your public CSS file.
43 |
44 |
45 | @($@"npx tailwindcss -i ./Styles/globals.css -o ./wwwroot/css/styles.css --watch")
46 | *@
47 |
48 | Install spark.ui with Blazor or Spark.NET
49 |
50 |
51 | 1. Add Tailwind CSS to your project
52 |
53 |
54 | Components are styled using Tailwind CSS. You will need to install Tailwind CSS in your Blazor projects root directory.
55 |
56 |
57 | @($@"npm install -D tailwindcss @tailwindcss/forms")
58 |
59 |
60 | 2. Add configs and components
61 |
62 |
63 | Download the configs and components. Then unzip and paste them into the root of your project.
64 |
65 |
66 |
67 | Download
68 |
69 |
70 |
71 | The following is what you should have pasted in the root of your project.
72 |
73 |
74 | Components/**/*
75 | Styles/globals.css
76 | postcss.config.js
77 | tailwind.config.js
78 |
79 |
80 | Why not a Nuget package?
82 |
83 | spark.ui is meant to be a lightweight, customizable, starting point for your next apps design. The code is yours. Copy, Paste, and Edit as you need.
84 |
85 |
86 |
87 | 3. Add css file reference
88 |
89 |
90 | The Styles/globals.css file gets compiled into /wwwroot/css/styles.css .
91 |
92 |
93 | You need to add a reference to the styles.css in the head tag of your layout file.
94 |
95 |
96 | We also recommend to add a reference to the inter font family. It's what is used in the examples on this website.
97 |
98 |
99 | @($@"
100 | ...
101 |
106 |
107 | 4. Add namespaces to your projects _Imports.razor
108 |
109 |
110 | @($@"@using Spark.UI.Components
111 | @using [YourNamespace].Components
112 | @using [YourNamespace].Components.Icons
113 | @using [YourNamespace].Components.Typography")
114 |
115 |
116 | 5. Start the Tailwind CLI build process
117 |
118 |
119 | Run the Tailwind CLI tool to scan your template files for classes and build your public CSS file.
120 |
121 |
122 | @($@"npx tailwindcss -i ./Styles/globals.css -o ./wwwroot/css/styles.css --watch")
123 |
124 |
Alert component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Alerts
13 |
14 |
15 |
16 |
17 | Alerts
18 |
19 |
20 | Displays a callout for user attention
21 |
22 |
23 |
24 |
25 | Default
26 |
27 |
28 |
29 |
30 | Heads up!
32 |
33 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
34 |
35 |
36 |
37 |
38 |
39 | @($@"
40 | Heads up!
42 |
43 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
44 |
45 | ")
46 |
47 |
48 |
49 |
50 | Success
51 |
52 |
53 |
54 |
55 | Heads up!
57 |
58 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
59 |
60 |
61 |
62 |
63 |
64 | @($@"
65 | Success!
67 |
68 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
69 |
70 | ")
71 |
72 |
73 |
74 |
75 | Info
76 |
77 |
78 |
79 |
80 | Heads up!
82 |
83 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
84 |
85 |
86 |
87 |
88 |
89 | @($@"
90 | Heads up!
92 |
93 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
94 |
95 | ")
96 |
97 |
98 |
99 |
100 | Warning
101 |
102 |
103 |
104 |
105 | Heads up!
107 |
108 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
109 |
110 |
111 |
112 |
113 |
114 | @($@"
115 | Warning!
117 |
118 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
119 |
120 | ")
121 |
122 |
123 |
124 |
125 | Destructive
126 |
127 |
128 |
129 |
130 | Danger!
132 |
133 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
134 |
135 |
136 |
137 |
138 |
139 | @($@"
140 | Danger!
142 |
143 | Donec eu tellus eu urna dignissim iaculis vel eget nisl.
144 |
145 | ")
146 |
147 |
148 |
149 |
Form component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Forms
13 |
14 |
15 |
16 |
17 | Forms
18 |
19 |
20 | Styles for forms, inputs, selects, etc...
21 |
22 |
23 | Unlike the rest of the components in spark.ui, there are no custom form or input components.
24 |
25 |
26 | Instead, we use the custom form and input components provided by Microsoft and style them in the globals.css file.
27 |
28 |
29 |
30 |
31 | Example
32 |
33 |
34 |
35 |
36 |
38 | Name
39 |
42 |
43 | Submit
44 |
45 |
46 |
47 |
48 |
49 | @($@"
50 |
52 | Name
53 | Form.Name"" />
55 |
56 |
57 | Submit
58 |
59 | ")
60 |
61 |
62 |
63 |
64 | With Input Groups
65 |
66 |
67 | Input groups will create a Label and Validation Message for you based on the For parameter.
68 |
69 |
70 |
71 |
72 |
74 |
76 |
77 | Submit
78 |
79 |
80 |
81 |
82 |
83 | @($@"
84 | Form.Name"" Description=""Provide your full legal name"">
86 |
88 |
89 | Submit
90 |
91 | ")
92 |
93 |
94 |
95 |
96 | With Cancel Link
97 |
98 |
99 |
100 |
101 |
103 |
105 |
106 | Cancel
107 | Submit
108 |
109 |
110 |
111 |
112 |
113 | @($@"
114 | Form.Name"" Description=""Provide your full legal name"">
116 |
118 |
119 | Submit
121 |
122 | ")
123 |
124 |
125 |
126 |
4 |
5 |
6 |
7 |
8 |
10 |
11 |
13 |
14 |
15 |
16 | spark.ui
17 |
18 |
19 |
20 | Documentation
21 |
22 |
23 | Components
24 |
25 |
26 | GitHub
27 |
28 |
29 |
30 |
50 |
Input group component for Blazor - spark.ui
6 |
7 |
8 |
9 | Docs
10 |
11 |
13 | Input Group
14 |
15 |
16 |
17 |
18 | Input Group
19 |
20 |
21 | A component to display a form input field with a label and validation message
22 |
23 |
24 | Input groups will create a Label and Validation Message for you.
25 |
26 |
27 | The For parameter is used to set up the Label and ValidationMessage.
28 |
29 |
30 |
31 |
32 | Example
33 |
34 |
35 |
36 |
37 |
39 |
41 |
42 |
44 |
45 | Submit
46 |
47 |
48 |
49 |
50 |
51 | @($@"
52 | Form.Name"">
54 |
56 | Form.Email"">
57 |
59 |
60 | Submit
61 |
62 | ")
63 |
64 |
65 |
66 |
67 | With Custom Labels
68 |
69 |
70 | The Label parameter is optional. If provided, it will override the derived label from the For parameter.
71 |
72 |
73 |
74 |
75 |
77 |
79 |
80 |
82 |
83 | Submit
84 |
85 |
86 |
87 |
88 |
89 | @($@"
90 | Form.Name"" Label=""Fullname"">
92 |
94 | Form.Email"" Label=""Email Address"">
95 |
97 |
98 | Submit
99 |
100 | ")
101 |
102 |
103 |
104 |
105 | With Descriptions
106 |
107 |
108 | The Description parameter is optional. If provided, a description will be displayed under the form control.
109 |
110 |
111 |
112 |
113 |
115 |
117 |
118 |
120 |
121 | Submit
122 |
123 |
124 |
125 |
126 |
127 | @($@"
128 | Form.Name"" Description=""Provide your full name"">
130 |
132 | Form.Email"" Description=""Provide your business email"">
133 |
135 |
136 | Submit
137 |
138 | ")
139 |
140 |
141 |
142 |
Input component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Input
13 |
14 |
15 |
16 |
17 | Input
18 |
19 |
20 | Displays a form input control
21 |
22 |
23 |
24 |
25 | Text
26 |
27 |
28 | Gotchya Warning!
30 |
31 | The InputText component does not set the type attribute for you. It is required for you to set this yourself or spark.ui styles will not apply.
32 |
33 |
34 | Example: type="text"
35 |
36 |
37 |
38 |
39 |
40 |
42 |
43 |
44 |
45 | @($@"
51 |
52 |
53 |
54 | With Label
55 |
56 |
57 |
58 |
59 |
60 | Name
61 |
63 |
65 |
66 |
67 | @($@"
68 | Name
69 |
71 |
72 | @code {{
73 | private string Name = """";
74 | }}")
75 |
76 |
77 |
78 |
79 | With Input Group
80 |
81 |
82 |
83 |
84 |
93 |
94 |
95 |
96 |
97 | @($@"
98 | Name"" Description=""Provide your fullname"">
99 |
101 | ")
102 |
103 |
104 |
105 |
106 | Date
107 |
108 |
109 |
110 |
111 |
113 |
114 |
115 |
116 | @($@"
122 |
123 |
124 |
125 | File
126 |
127 |
128 |
129 |
130 |
132 |
133 |
134 |
135 | @($@"
137 |
138 |
139 |
140 | Email
141 |
142 |
143 |
144 |
145 |
147 |
148 |
149 |
150 | @($@"
156 |
157 |
158 |
159 | Password
160 |
161 |
162 |
163 |
164 |
166 |
167 |
168 |
169 | @($@"
175 |
176 |
177 |
178 | Disabled
179 |
180 |
181 |
182 |
183 |
185 |
186 |
187 |
188 | @($@"
194 |
195 |
196 |
Select component for Blazor - spark.ui
5 |
6 |
7 |
8 | Docs
9 |
10 |
12 | Select
13 |
14 |
15 |
16 |
17 | Select
18 |
19 |
20 | Displays a list of options for the user to pick from.
21 |
22 |
23 |
24 |
25 | Example
26 |
27 |
28 |
29 |
30 |
31 | Select a pizza...
32 | @foreach (var pizza in Pizzas)
33 | {
34 | @pizza.Value
35 | }
36 |
37 |
38 |
39 |
40 |
41 | @($@"
42 |
43 | Select a pizza...
44 | @foreach (var pizza in Pizzas)
45 | {{
46 | @pizza.Value
47 | }}
48 |
49 |
50 |
51 | @code {{
52 | private Dictionary Pizzas = new Dictionary()
53 | {{
54 | {{
55 | ""bbq_chicken"", ""Bbq Chicken""
56 | }},
57 | {{
58 | ""cheese"", ""Cheese""
59 | }},
60 | {{
61 | ""hawaiian"", ""Hawaiian""
62 | }},
63 | {{
64 | ""pepperoni"", ""Pepperoni""
65 | }},
66 | {{
67 | ""supreme"", ""Supreme""
68 | }}
69 | }};
70 | private string FavoritePizza {{ get; set; }}
71 | }}")
72 |
73 |
74 |
75 |
76 | With Label
77 |
78 |
79 |
80 |
81 | Pizza
82 |
83 | Select a pizza...
84 | @foreach (var pizza in Pizzas)
85 | {
86 | @pizza.Value
87 | }
88 |
89 |
90 |
91 |
92 |
93 | @($@"
94 | Pizza
95 |
96 | Select a pizza...
97 | @foreach (var pizza in Pizzas)
98 | {{
99 | @pizza.Value
100 | }}
101 |
102 |
103 |
104 | @code {{
105 | private Dictionary Pizzas = new Dictionary()
106 | {{
107 | {{
108 | ""bbq_chicken"", ""Bbq Chicken""
109 | }},
110 | {{
111 | ""cheese"", ""Cheese""
112 | }},
113 | {{
114 | ""hawaiian"", ""Hawaiian""
115 | }},
116 | {{
117 | ""pepperoni"", ""Pepperoni""
118 | }},
119 | {{
120 | ""supreme"", ""Supreme""
121 | }}
122 | }};
123 | private string FavoritePizza {{ get; set; }}
124 | }}")
125 |
126 |
127 |
128 |
129 | Input Group
130 |
131 |
132 | The InputGroup component will display a label for you based on the For parameter.
133 |
134 |
135 |
136 |
137 |
139 |
140 | Select a pizza...
141 | @foreach (var pizza in Pizzas)
142 | {
143 | @pizza.Value
144 | }
145 |
146 |
147 |
148 | Submit
149 |
150 |
151 |
152 |
153 |
154 | @($@"
155 | Form.FavoritePizza"" Label=""Pizza"" Description=""Select your favorite pizza"">
157 |
158 | Select a pizza...
159 | @foreach (var pizza in Pizzas)
160 | {{
161 | @pizza.Value
162 | }}
163 |
164 |
165 |
166 | Submit
167 |
168 |
169 |
170 | @code {{
171 |
172 | public PizzaForm Form {{ get; set; }} = new();
173 |
174 | private Dictionary Pizzas = new Dictionary()
175 | {{
176 | {{
177 | ""bbq_chicken"", ""Bbq Chicken""
178 | }},
179 | {{
180 | ""cheese"", ""Cheese""
181 | }},
182 | {{
183 | ""hawaiian"", ""Hawaiian""
184 | }},
185 | {{
186 | ""pepperoni"", ""Pepperoni""
187 | }},
188 | {{
189 | ""supreme"", ""Supreme""
190 | }}
191 | }};
192 |
193 | public class PizzaForm
194 | {{
195 | [Required]
196 | public string FavoritePizza {{ get; set; }}
197 | }}
198 | }}")
199 |
200 |
201 |
202 |
203 | Disabled
204 |
205 |
206 |
207 |
208 |
209 | Select a pizza...
210 | @foreach (var pizza in Pizzas)
211 | {
212 | @pizza.Value
213 | }
214 |
215 |
216 |
217 |
218 |
219 | @($@"
220 |
221 | Select a pizza...
222 | @foreach (var pizza in Pizzas)
223 | {{
224 | @pizza.Value
225 | }}
226 |
227 |
228 |
229 | @code {{
230 | private Dictionary Pizzas = new Dictionary()
231 | {{
232 | {{
233 | ""bbq_chicken"", ""Bbq Chicken""
234 | }},
235 | {{
236 | ""cheese"", ""Cheese""
237 | }},
238 | {{
239 | ""hawaiian"", ""Hawaiian""
240 | }},
241 | {{
242 | ""pepperoni"", ""Pepperoni""
243 | }},
244 | {{
245 | ""supreme"", ""Supreme""
246 | }}
247 | }};
248 | private string FavoritePizza {{ get; set; }}
249 | }}")
250 |
251 |
252 |
253 |
Pizzas = new Dictionary()
257 | {
258 | {
259 | "bbq_chicken", "Bbq Chicken"
260 | },
261 | {
262 | "cheese", "Cheese"
263 | },
264 | {
265 | "hawaiian", "Hawaiian"
266 | },
267 | {
268 | "pepperoni", "Pepperoni"
269 | },
270 | {
271 | "supreme", "Supreme"
272 | }
273 | };
274 | private string FavoritePizza { get; set; }
275 | private string Name = "";
276 | [SupplyParameterFromForm] public PizzaForm Form { get; set; }
277 | protected override void OnInitialized() => Form ??= new();
278 |
279 | public void Submit()
280 | {
281 | Form = new();
282 | }
283 |
284 | public class PizzaForm
285 | {
286 | [Required]
287 | public string FavoritePizza { get; set; }
288 | }
289 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | ## Ignore Visual Studio temporary files, build results, and
2 | ## files generated by popular Visual Studio add-ons.
3 | ##
4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
5 |
6 | # User-specific files
7 | *.rsuser
8 | *.suo
9 | *.user
10 | *.userosscache
11 | *.sln.docstates
12 |
13 | # User-specific files (MonoDevelop/Xamarin Studio)
14 | *.userprefs
15 |
16 | # Mono auto generated files
17 | mono_crash.*
18 |
19 | # Build results
20 | [Dd]ebug/
21 | [Dd]ebugPublic/
22 | [Rr]elease/
23 | [Rr]eleases/
24 | x64/
25 | x86/
26 | [Ww][Ii][Nn]32/
27 | [Aa][Rr][Mm]/
28 | [Aa][Rr][Mm]64/
29 | bld/
30 | [Bb]in/
31 | [Oo]bj/
32 | [Oo]ut/
33 | [Ll]og/
34 | [Ll]ogs/
35 |
36 | # Visual Studio 2015/2017 cache/options directory
37 | .vs/
38 | # Uncomment if you have tasks that create the project's static files in wwwroot
39 | #wwwroot/
40 |
41 | # Visual Studio 2017 auto generated files
42 | Generated\ Files/
43 |
44 | # MSTest test Results
45 | [Tt]est[Rr]esult*/
46 | [Bb]uild[Ll]og.*
47 |
48 | # NUnit
49 | *.VisualState.xml
50 | TestResult.xml
51 | nunit-*.xml
52 |
53 | # Build Results of an ATL Project
54 | [Dd]ebugPS/
55 | [Rr]eleasePS/
56 | dlldata.c
57 |
58 | # Benchmark Results
59 | BenchmarkDotNet.Artifacts/
60 |
61 | # .NET Core
62 | project.lock.json
63 | project.fragment.lock.json
64 | artifacts/
65 |
66 | # ASP.NET Scaffolding
67 | ScaffoldingReadMe.txt
68 |
69 | # StyleCop
70 | StyleCopReport.xml
71 |
72 | # Files built by Visual Studio
73 | *_i.c
74 | *_p.c
75 | *_h.h
76 | *.ilk
77 | *.meta
78 | *.obj
79 | *.iobj
80 | *.pch
81 | *.pdb
82 | *.ipdb
83 | *.pgc
84 | *.pgd
85 | *.rsp
86 | *.sbr
87 | *.tlb
88 | *.tli
89 | *.tlh
90 | *.tmp
91 | *.tmp_proj
92 | *_wpftmp.csproj
93 | *.log
94 | *.vspscc
95 | *.vssscc
96 | .builds
97 | *.pidb
98 | *.svclog
99 | *.scc
100 |
101 | # Chutzpah Test files
102 | _Chutzpah*
103 |
104 | # Visual C++ cache files
105 | ipch/
106 | *.aps
107 | *.ncb
108 | *.opendb
109 | *.opensdf
110 | *.sdf
111 | *.cachefile
112 | *.VC.db
113 | *.VC.VC.opendb
114 |
115 | # Visual Studio profiler
116 | *.psess
117 | *.vsp
118 | *.vspx
119 | *.sap
120 |
121 | # Visual Studio Trace Files
122 | *.e2e
123 |
124 | # TFS 2012 Local Workspace
125 | $tf/
126 |
127 | # Guidance Automation Toolkit
128 | *.gpState
129 |
130 | # ReSharper is a .NET coding add-in
131 | _ReSharper*/
132 | *.[Rr]e[Ss]harper
133 | *.DotSettings.user
134 |
135 | # TeamCity is a build add-in
136 | _TeamCity*
137 |
138 | # DotCover is a Code Coverage Tool
139 | *.dotCover
140 |
141 | # AxoCover is a Code Coverage Tool
142 | .axoCover/*
143 | !.axoCover/settings.json
144 |
145 | # Coverlet is a free, cross platform Code Coverage Tool
146 | coverage*.json
147 | coverage*.xml
148 | coverage*.info
149 |
150 | # Visual Studio code coverage results
151 | *.coverage
152 | *.coveragexml
153 |
154 | # NCrunch
155 | _NCrunch_*
156 | .*crunch*.local.xml
157 | nCrunchTemp_*
158 |
159 | # MightyMoose
160 | *.mm.*
161 | AutoTest.Net/
162 |
163 | # Web workbench (sass)
164 | .sass-cache/
165 |
166 | # Installshield output folder
167 | [Ee]xpress/
168 |
169 | # DocProject is a documentation generator add-in
170 | DocProject/buildhelp/
171 | DocProject/Help/*.HxT
172 | DocProject/Help/*.HxC
173 | DocProject/Help/*.hhc
174 | DocProject/Help/*.hhk
175 | DocProject/Help/*.hhp
176 | DocProject/Help/Html2
177 | DocProject/Help/html
178 |
179 | # Click-Once directory
180 | publish/
181 |
182 | # Publish Web Output
183 | *.[Pp]ublish.xml
184 | *.azurePubxml
185 | # Note: Comment the next line if you want to checkin your web deploy settings,
186 | # but database connection strings (with potential passwords) will be unencrypted
187 | *.pubxml
188 | *.publishproj
189 |
190 | # Microsoft Azure Web App publish settings. Comment the next line if you want to
191 | # checkin your Azure Web App publish settings, but sensitive information contained
192 | # in these scripts will be unencrypted
193 | PublishScripts/
194 |
195 | # NuGet Packages
196 | *.nupkg
197 | # NuGet Symbol Packages
198 | *.snupkg
199 | # The packages folder can be ignored because of Package Restore
200 | **/[Pp]ackages/*
201 | # except build/, which is used as an MSBuild target.
202 | !**/[Pp]ackages/build/
203 | # Uncomment if necessary however generally it will be regenerated when needed
204 | #!**/[Pp]ackages/repositories.config
205 | # NuGet v3's project.json files produces more ignorable files
206 | *.nuget.props
207 | *.nuget.targets
208 |
209 | # Microsoft Azure Build Output
210 | csx/
211 | *.build.csdef
212 |
213 | # Microsoft Azure Emulator
214 | ecf/
215 | rcf/
216 |
217 | # Windows Store app package directories and files
218 | AppPackages/
219 | BundleArtifacts/
220 | Package.StoreAssociation.xml
221 | _pkginfo.txt
222 | *.appx
223 | *.appxbundle
224 | *.appxupload
225 |
226 | # Visual Studio cache files
227 | # files ending in .cache can be ignored
228 | *.[Cc]ache
229 | # but keep track of directories ending in .cache
230 | !?*.[Cc]ache/
231 |
232 | # Others
233 | ClientBin/
234 | ~$*
235 | *~
236 | *.dbmdl
237 | *.dbproj.schemaview
238 | *.jfm
239 | *.pfx
240 | *.publishsettings
241 | orleans.codegen.cs
242 |
243 | # Including strong name files can present a security risk
244 | # (https://github.com/github/gitignore/pull/2483#issue-259490424)
245 | #*.snk
246 |
247 | # Since there are multiple workflows, uncomment next line to ignore bower_components
248 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
249 | #bower_components/
250 |
251 | # RIA/Silverlight projects
252 | Generated_Code/
253 |
254 | # Backup & report files from converting an old project file
255 | # to a newer Visual Studio version. Backup files are not needed,
256 | # because we have git ;-)
257 | _UpgradeReport_Files/
258 | Backup*/
259 | UpgradeLog*.XML
260 | UpgradeLog*.htm
261 | ServiceFabricBackup/
262 | *.rptproj.bak
263 |
264 | # SQL Server files
265 | *.mdf
266 | *.ldf
267 | *.ndf
268 |
269 | # Business Intelligence projects
270 | *.rdl.data
271 | *.bim.layout
272 | *.bim_*.settings
273 | *.rptproj.rsuser
274 | *- [Bb]ackup.rdl
275 | *- [Bb]ackup ([0-9]).rdl
276 | *- [Bb]ackup ([0-9][0-9]).rdl
277 |
278 | # Microsoft Fakes
279 | FakesAssemblies/
280 |
281 | # GhostDoc plugin setting file
282 | *.GhostDoc.xml
283 |
284 | # Node.js Tools for Visual Studio
285 | .ntvs_analysis.dat
286 | node_modules/
287 |
288 | # Visual Studio 6 build log
289 | *.plg
290 |
291 | # Visual Studio 6 workspace options file
292 | *.opt
293 |
294 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
295 | *.vbw
296 |
297 | # Visual Studio LightSwitch build output
298 | **/*.HTMLClient/GeneratedArtifacts
299 | **/*.DesktopClient/GeneratedArtifacts
300 | **/*.DesktopClient/ModelManifest.xml
301 | **/*.Server/GeneratedArtifacts
302 | **/*.Server/ModelManifest.xml
303 | _Pvt_Extensions
304 |
305 | # Paket dependency manager
306 | .paket/paket.exe
307 | paket-files/
308 |
309 | # FAKE - F# Make
310 | .fake/
311 |
312 | # CodeRush personal settings
313 | .cr/personal
314 |
315 | # Python Tools for Visual Studio (PTVS)
316 | __pycache__/
317 | *.pyc
318 |
319 | # Cake - Uncomment if you are using it
320 | # tools/**
321 | # !tools/packages.config
322 |
323 | # Tabs Studio
324 | *.tss
325 |
326 | # Telerik's JustMock configuration file
327 | *.jmconfig
328 |
329 | # BizTalk build output
330 | *.btp.cs
331 | *.btm.cs
332 | *.odx.cs
333 | *.xsd.cs
334 |
335 | # OpenCover UI analysis results
336 | OpenCover/
337 |
338 | # Azure Stream Analytics local run output
339 | ASALocalRun/
340 |
341 | # MSBuild Binary and Structured Log
342 | *.binlog
343 |
344 | # NVidia Nsight GPU debugger configuration file
345 | *.nvuser
346 |
347 | # MFractors (Xamarin productivity tool) working folder
348 | .mfractor/
349 |
350 | # Local History for Visual Studio
351 | .localhistory/
352 |
353 | # BeatPulse healthcheck temp database
354 | healthchecksdb
355 |
356 | # Backup folder for Package Reference Convert tool in Visual Studio 2017
357 | MigrationBackup/
358 |
359 | # Ionide (cross platform F# VS Code tools) working folder
360 | .ionide/
361 |
362 | # Fody - auto-generated XML schema
363 | FodyWeavers.xsd
--------------------------------------------------------------------------------
/Spark.UI.Docs/Shared/DocsLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 | @inject NavigationManager navManager
3 |
4 |
5 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
21 |
22 |
Getting Started
23 |
29 |
30 |
31 |
Typography
32 |
51 |
52 |
70 |
89 |
90 |
91 |
92 |
94 |
95 |
96 | @Body
97 |
98 |
99 |
100 |
101 |