first commit
This commit is contained in:
@@ -0,0 +1,67 @@
|
||||
# SufiBlazor
|
||||
|
||||
SufiBlazor is an independent Blazor UI component library and design system for ASP.NET Core 10+ applications. It can be used inside Sufi Platform, but it is not tied to Sufi Platform, ABP, Wish Theme, or any other third-party application framework. Any Blazor project that targets modern ASP.NET Core can use it as its primary UI layer.
|
||||
|
||||
For Sufi Platform, SufiBlazor is the default component system used by generated hosts and first-party modules. Outside Sufi Platform, it can still be adopted on its own as a self-contained component library for forms, data display, overlays, navigation, theming, RTL support, and application-level UI composition.
|
||||
|
||||
## What SufiBlazor is
|
||||
|
||||
SufiBlazor provides:
|
||||
|
||||
- reusable `Sb*` components for interactive UI
|
||||
- a design-token-based theming model
|
||||
- RTL and Persian-friendly UI support alongside standard LTR usage
|
||||
- date and range picker components that support Gregorian, Persian Shamsi, and Hijri scenarios
|
||||
- a component set that does not depend on Bootstrap, Tailwind, ABP UI, or Blazorise
|
||||
|
||||
## Where it can be used
|
||||
|
||||
You can use SufiBlazor in:
|
||||
|
||||
- Sufi Platform hosts and modules
|
||||
- ABP-based Blazor applications
|
||||
- plain ASP.NET Core Blazor applications
|
||||
- internal business applications that only need the component library without the rest of Sufi Platform
|
||||
|
||||
In other words, SufiBlazor is a standalone product that Sufi Platform consumes, not a component set that only works inside the platform.
|
||||
|
||||
## Relationship to Sufi Platform
|
||||
|
||||
Inside Sufi Platform:
|
||||
|
||||
- `SufiBlazor` provides the base UI component system
|
||||
- `Wish Theme` provides the host shell, layout, and branded navigation frame
|
||||
- `SABP` provides the broader platform abstractions and host integration patterns
|
||||
|
||||
That relationship is important, but it should not hide the fact that SufiBlazor can also be used on its own in any Blazor project targeting ASP.NET Core 10+.
|
||||
|
||||
## What this docs section covers
|
||||
|
||||
This section focuses on the way Sufi Platform developers and product teams use SufiBlazor in real projects.
|
||||
|
||||
It covers:
|
||||
|
||||
- component categories and platform-facing usage patterns
|
||||
- installation guidance for host applications
|
||||
- localization, RTL, and theming behavior
|
||||
- integration notes that matter when SufiBlazor is the UI base for a generated product
|
||||
|
||||
It does not try to become the complete internal engineering manual for the independent SufiBlazor repository.
|
||||
|
||||
## Documentation structure
|
||||
|
||||
```
|
||||
docs/sufi-blazor/
|
||||
├── components/ # Component reference by category
|
||||
├── installation.md # How to consume the library in a host app
|
||||
├── localization.md # Localization and RTL guidance
|
||||
├── theming.md # Theme usage and customization
|
||||
├── overview.md # Platform-facing usage overview
|
||||
└── README.md # This file
|
||||
```
|
||||
|
||||
## When to read next
|
||||
|
||||
- Open `docs/sufi-blazor/installation.md` when you want to add SufiBlazor to a host application.
|
||||
- Open `docs/sufi-blazor/overview.md` when you want guidance on how the platform uses the library.
|
||||
- Open `docs/sufi-blazor/theming.md` and `docs/sufi-blazor/localization.md` when the product needs custom branding, RTL, or Persian-oriented behavior.
|
||||
Reference in New Issue
Block a user