68 lines
3.1 KiB
Markdown
68 lines
3.1 KiB
Markdown
# 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.
|