mirror of
https://github.com/radzenhq/radzen-blazor.git
synced 2026-07-08 18:16:08 +00:00
3a2feea8d0
Remove redundant "Blazor X component" prefixes from ~49 page subtitles, rewrite ~27 subtitles that used <strong>/PascalCase class names to natural language, and fix 3 DataGrid sub-pages with duplicate "DataGrid" in H1s.
45 lines
1.9 KiB
Plaintext
45 lines
1.9 KiB
Plaintext
@page "/fileinput"
|
|
|
|
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
|
|
Blazor FileInput
|
|
</RadzenText>
|
|
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
|
|
File input with preview and byte array support.
|
|
</RadzenText>
|
|
|
|
<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
|
|
These demos showcase a file input component for uploading files with support for both <code>IBrowserFile</code> and <code>byte[]</code> types, enabling direct file selection and data retrieval.
|
|
</RadzenText>
|
|
|
|
<RadzenExample ComponentName="FileInput" Example="FileInputConfig">
|
|
<FileInputConfig />
|
|
</RadzenExample>
|
|
|
|
<RadzenText Anchor="fileinput#byte-array" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
|
|
Byte Array Support
|
|
</RadzenText>
|
|
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
|
|
The <strong>FileInput</strong> component also supports the use of the <strong>byte[]</strong> type.
|
|
</RadzenText>
|
|
<RadzenExample ComponentName="FileInput" Example="FileInputByteArray">
|
|
<FileInputByteArray />
|
|
</RadzenExample>
|
|
|
|
<RadzenText Anchor="fileinput#keyboard-navigation" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
|
|
Keyboard Navigation
|
|
</RadzenText>
|
|
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
|
|
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor FileInput component.
|
|
</RadzenText>
|
|
|
|
<KeyboardNavigationDataGrid Data="@shortcuts" />
|
|
|
|
@code {
|
|
public List<KeyboardShortcut> shortcuts = new()
|
|
{
|
|
new KeyboardShortcut { Key = "Tab", Action = "Navigate forward across FileInput buttons." },
|
|
new KeyboardShortcut { Key = "Shift + Tab", Action = "Navigate backward across FileInput buttons." },
|
|
new KeyboardShortcut { Key = "Enter or Space", Action = "Click the focused FileInput button." }
|
|
};
|
|
}
|