Neumorphism.Design.Base 1.0.6

dotnet add package Neumorphism.Design.Base --version 1.0.6                
NuGet\Install-Package Neumorphism.Design.Base -Version 1.0.6                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Neumorphism.Design.Base" Version="1.0.6" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Neumorphism.Design.Base --version 1.0.6                
#r "nuget: Neumorphism.Design.Base, 1.0.6"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Neumorphism.Design.Base as a Cake Addin
#addin nuget:?package=Neumorphism.Design.Base&version=1.0.6

// Install Neumorphism.Design.Base as a Cake Tool
#tool nuget:?package=Neumorphism.Design.Base&version=1.0.6                

Neumorphism.Base

Nuget

Build and publish packages

Provides a neumorphism design base for blazor app. It is very easy to apply neumophism design.

Features

  1. Supply neumorphism design base.

Installing and Getting started

1. install package.

Neumorphism.Design.Base is available for download and installation as NuGet packages.

dotnet add package Neumorphism.Design.Base --version <version>

2. Create your blazor app.

  1. Add using fukicycle.Blazor.Neumorphism.Design.Base (_Imports.razor)
@using System.Net.Http
@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.AspNetCore.Components.Web.Virtualization
@using Microsoft.JSInterop
@using BlazorApp1
@using BlazorApp1.Shared
+ @using fukicycle.Blazor.Neumorphism.Design.Base
  1. Add UseNeumorphism(BaseColor.Parse("#CDD6EE")) (Program.cs)
app.UseNeumorphism(BaseColor.Parse("#CDD6EE"));
  1. Add Neumorphism components! (Index.razor)
@page "/"

<PageTitle>Index</PageTitle>

<Neumorphism class="mb-4 mx-4" ShapeType="ShapeType.CONCAVE" BorderRadius="50%" LightLocation="LightLocation.TOP_LEFT">
    <Neumorphism ShapeType="ShapeType.CONVEX" BorderRadius="50%">
        <div style="display:flex; aspect-ratio: 1; width:100%; align-items:center;justify-content:center;">
            <h1>Hello, world!</h1>
        </div>
    </Neumorphism>
</Neumorphism>
<Neumorphism class="m-4" ShapeType="ShapeType.FLOAT">
    <Neumorphism ShapeType="ShapeType.SINK">
        <SurveyPrompt Title="How is Blazor working for you?" />
    </Neumorphism>
</Neumorphism>
<Neumorphism class="m-4">
    <select>
        <option>I like blazor.</option>
        <option>I don't like blazor.</option>
    </select>
</Neumorphism>
<Neumorphism class="m-4">
    <button>OK</button>
</Neumorphism>
<Neumorphism class="m-4" ShapeType="ShapeType.SINK">
    <input type="text" />
</Neumorphism>
<Neumorphism class="m-4" ShapeType="ShapeType.SINK">
    <input type="date" />
</Neumorphism>

Please note that you have to set same color to root element. (<body/>)

image

Contributing

Pull requests and stars are always welcome. Contributions are what make the open source community such an amazing place to be learn, inspire, and create.
Any contributions you make are greatly appreciated.

  1. Fork the Project.
  2. Create your Feature Branch(git checkout -b feature/amazing_feature).
  3. Commit your Changes(git commit -m 'Add some changes').
  4. Push to the Branch(git push origin feature/amazing_feature).
  5. Open a Pull Request.

Author

License

MIT. Click here for details.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.6 742 11/6/2023
1.0.5 428 11/2/2023
1.0.4 416 11/2/2023
1.0.3 413 11/2/2023
1.0.2 421 11/2/2023