lumexui/docs/LumexUI.Docs.Client/Components/Layouts/InstallationLayout.razor at 874e83a09597892db582158c28cdec7cdbe0f49f · LumexUI/lumexui · GitHub

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
@namespace LumexUI.Docs.Client.Components
@inherits LayoutComponentBase
@layout DocsLayout

<PageTitle>Installation - LumexUI</PageTitle>

<div class="mx-auto pt-10 lg:pl-10">
    <DocsHeader Title="Installation"
                Category="Getting Started"
                Description="Follow the steps below to get started with LumexUI quickly!" />

    <main class="mt-8">
        <div class="mb-8 prose prose-zinc dark:prose-invert">
            <DocsSection Title="Prerequisites">
                <p>Before you begin, ensure that you have the following:</p>
                <ul>
                    <li>
                        <LumexLink Href="https://dotnet.microsoft.com/en-us/download"
                                   External="@true">
                            .NET SDK 8
                        </LumexLink>
                        or later
                    </li>
                    <li>
                        <LumexLink Href="https://tailwindcss.com"
                                   External="@true">
                            Tailwind CSS 4.0
                        </LumexLink>
                    </li>
                    <li>
                        An existing Blazor project or create
                        <LumexLink Href="https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/intro"
                                   External="@true">
                            a new one
                        </LumexLink>
                    </li>
                </ul>
            </DocsSection>
            <LumexDivider />
        </div>

        @Body
    </main>

    <DocsFooter />
</div>