### Install BootstrapBlazor.LlmsDocsGenerator from NuGet
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This bash command installs the tool from NuGet once it has been published. This is a simpler installation method if the tool is available on NuGet.
```bash
dotnet tool install --global BootstrapBlazor.LlmsDocsGenerator
```
--------------------------------
### Install BootstrapBlazor.LlmsDocsGenerator as Global Tool
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
These bash commands show how to pack the tool and install it as a global .NET tool. Ensure you are in the correct directory when running these commands.
```bash
dotnet pack tools/LlmsDocsGenerator
dotnet tool install --global --add-source ./tools/LlmsDocsGenerator/bin/Release BootstrapBlazor.LlmsDocsGenerator
```
--------------------------------
### LLM Documentation Reference Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This markdown example shows how library users can reference BootstrapBlazor documentation in their own projects by creating an `llms.txt` file. It includes links to the documentation index and specific components.
```markdown
# My Project
## Dependencies
### BootstrapBlazor
- Documentation Index: https://www.blazor.zone/llms/llms.txt
- Button: https://www.blazor.zone/llms/components/Button.txt
- Table: https://www.blazor.zone/llms/components/Table.txt
- Modal: https://www.blazor.zone/llms/components/Modal.txt
```
--------------------------------
### Install Bootstrap Blazor Project Template
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md
Use this command to install the Bootstrap Blazor project template globally. This allows you to create new projects using the template.
```bash
dotnet new install Bootstrap.Blazor.Templates::*
```
--------------------------------
### Chart Component (Example)
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Basic example of using a chart component. Requires additional configuration for data and chart type.
```razor
@code {
private BarChartOptions options;
private BarChartData data;
}
```
--------------------------------
### Chart Options Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Example of options configuration for a bar chart. Customize title, axes, and legend.
```csharp
options = new BarChartOptions
{
Title = new ChartTitle { Text = "Monthly Sales" },
Responsive = true,
Legend = new ChartLegend { Display = true }
};
```
--------------------------------
### Chart Data Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Example of data structure for a bar chart. Define labels and datasets.
```csharp
data = new BarChartData
{
Labels = new string[] { "January", "February", "March" },
Datasets = new List
{
new BarDataset
{
Label = "Sales",
Data = new double[] { 10, 20, 30 }
}
}
};
```
--------------------------------
### Create New Project with Bootstrap Blazor Template
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md
After installing the template, use this command to create a new Blazor application project with Bootstrap Blazor pre-configured.
```bash
dotnet new bbapp
```
--------------------------------
### Modal Dialog Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Illustrates the usage of a modal dialog. Trigger it with a button click.
```razor
Show Modal
This is the modal content.
Close
@code {
private BModal modal;
}
```
--------------------------------
### Sample Model for Table
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
A sample data model used in the table example. Define properties for columns.
```csharp
public class SampleModel {
public string Name { get; set; }
public int Value { get; set; }
}
```
--------------------------------
### Wizard Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Guides users through a multi-step process with clear navigation between steps.
```razor
Content for step 1
Content for step 2
```
--------------------------------
### Basic Button Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Demonstrates a simple button component using BootstrapBlazor. Customize appearance with various color and size options.
```razor
Primary ButtonLarge Success Button
```
--------------------------------
### Pagination Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Example of implementing pagination for navigating through large datasets. Customize the number of items per page.
```razor
```
--------------------------------
### Add Bootstrap Blazor NuGet Package
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md
Install the Bootstrap Blazor NuGet package into an existing project. This command should be run from the project's root directory.
```bash
dotnet add package BootstrapBlazor
```
--------------------------------
### Sample Model for Validation
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
A sample data model with validation attributes for form validation examples.
```csharp
public class MyModel {
[Required]
public string Name { get; set; }
}
```
--------------------------------
### Table with Data
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Example of displaying data in a table. Supports sorting, filtering, and pagination.
```razor
@code {
private List datas = new List();
protected override void OnInitialized() {
datas.Add(new SampleModel { Name = "Item 1", Value = 10 });
datas.Add(new SampleModel { Name = "Item 2", Value = 20 });
}
public class SampleModel {
public string Name { get; set; }
public int Value { get; set; }
}
}
```
--------------------------------
### Pagination Component (Advanced)
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Advanced pagination example with custom total count and items per page.
```razor
```
--------------------------------
### Clone Bootstrap Blazor Repository
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.Core/readme.md
Clone the Bootstrap Blazor repository to your local machine to run the server-side example application.
```shell
git clone https://github.com/dotnetcore/BootstrapBlazor.git
cd BootstrapBlazor/src/BootstrapBlazor.Server
dotnet run
```
--------------------------------
### Checkbox Input Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
A checkbox input element.
```razor
Check me
```
--------------------------------
### Form Validation with Blazor
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Provides an example of implementing form validation using Blazor and BootstrapBlazor components. Ensure that the `EditContext` and `ValidationSummary` are correctly configured for real-time feedback.
```csharp
@code {
private SampleModel Model { get; set; } = new SampleModel();
private EditContext editContext;
protected override void OnInitialized()
{
editContext = new EditContext(Model);
}
private async Task OnValidSubmit()
{
// Handle form submission
await Task.CompletedTask;
}
public class SampleModel
{
[Required(ErrorMessage = "Name is required.")]
public string Name { get; set; }
}
}
```
--------------------------------
### Flatten Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Configuration for a flatten layer, specifying the axis from which to start flattening.
```protobuf
message Flatten {
int32 axis = 1;
}
```
--------------------------------
### Radio Button Input Example
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
A radio button input element.
```razor
Option 1
```
--------------------------------
### Update BootstrapBlazor.LlmsDocsGenerator Global Tool
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
Use this bash command to update the globally installed tool to the latest version available.
```bash
dotnet tool update --global BootstrapBlazor.LlmsDocsGenerator
```
--------------------------------
### Basic Bootstrap Blazor Component Usage
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md
Example of using the Display and Button components in a Blazor component. The button click updates a text variable.
```razor
@code {
private string? _text;
private void ClickButton(MouseEventArgs e)
{
_text = DateTime.Now.ToString();
}
}
```
--------------------------------
### Uninstall BootstrapBlazor.LlmsDocsGenerator Global Tool
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This bash command removes the globally installed tool from your system.
```bash
dotnet tool uninstall --global BootstrapBlazor.LlmsDocsGenerator
```
--------------------------------
### Alert Message Display
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Example of displaying alert messages with different severity levels (info, success, warning, danger).
```razor
This is an informational message.Operation completed successfully.
```
--------------------------------
### Generate All Documentation
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
Run this command to generate documentation for all components. This is the default behavior when no specific component is provided.
```bash
llms-docs
```
--------------------------------
### Generate Documentation from Source
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
If running the tool directly from the source code, use this command instead of the global tool command.
```bash
dotnet run --project tools/LlmsDocsGenerator
```
--------------------------------
### Register Bootstrap Blazor Service in Startup.cs
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md
Configure your application's services by adding the Bootstrap Blazor service. This is typically done in the ConfigureServices method of your Startup.cs file.
```csharp
namespace BootstrapBlazorAppName
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
//more code may be present here
services.AddBootstrapBlazor();
}
//more code may be present here
}
}
```
--------------------------------
### Show Help Information
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This command displays the help message, listing all available options and commands for the `llms-docs` tool.
```bash
llms-docs --help
```
--------------------------------
### Generate Documentation for a Specific Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
Use the `--component` flag followed by the component name to generate documentation for a single component.
```bash
llms-docs --component Table
```
--------------------------------
### Dockerfile for Documentation Generation
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This Dockerfile snippet generates documentation during the container build process. It sets the working directory and executes the .NET run command.
```dockerfile
WORKDIR /tools/LlmsDocsGenerator
RUN dotnet run
```
--------------------------------
### Initialize and Configure SVG-edit
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/xdomain-index.html
Instantiate the SVG-edit editor and set initial configuration options. Refer to `docs/tutorials/ConfigOptions.md` for available options.
```javascript
import Editor from './xdomain-Editor.js /* for available options see the file `docs/tutorials/ConfigOptions.md` */
const svgEditor = new Editor(document.getElementById('container'))
svgEditor.setConfig({
allowInitialUserOverride: true,
extensions: [],
noDefaultExtensions: false,
userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */]
})
svgEditor.init()
```
--------------------------------
### Generate LLM Documentation with Docker
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This YAML snippet defines a Docker workflow step to generate LLM documentation by running a .NET project. Ensure the project path is correct.
```yaml
- name: Generate LLM Documentation
run: dotnet run --project tools/LlmsDocsGenerator
```
--------------------------------
### Initialize and Configure SVG Editor
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/iife-index.html
Initializes the SVG editor with basic configuration. For available options, refer to the ConfigOptions.md tutorial.
```javascript
const svgEditor = new Editor(document.getElementById('container'))
svgEditor.setConfig({
allowInitialUserOverride: true,
extensions: [],
noDefaultExtensions: false,
userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */]
})
svgEditor.init()
```
--------------------------------
### Specify Custom Output Directory
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
Use the `--output` flag to specify a different directory for the generated documentation files.
```bash
llms-docs --output ./docs
```
--------------------------------
### Register Bootstrap Blazor Services
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md
Register Bootstrap Blazor services in your Program.cs file using AddBootstrapBlazor().
```csharp
builder.Services.AddBootstrapBlazor();
```
--------------------------------
### Initialize and Configure SVG Editor
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/index.html
Initializes the SVG editor and sets basic configuration options. Ensure the 'container' element exists in your HTML.
```javascript
import Editor from './Editor.js' /* for available options see the file `docs/tutorials/ConfigOptions.md` */
const svgEditor = new Editor(document.getElementById('container'))
svgEditor.setConfig({
allowInitialUserOverride: true,
extensions: [],
noDefaultExtensions: false,
userExtensions: [/* { pathName: '/packages/react-test/dist/react-test.js' } */]
})
svgEditor.init()
```
--------------------------------
### ReLU Activation Function
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Implements the Rectified Linear Unit (ReLU) activation function, commonly used in neural networks. No specific setup is required beyond including the relevant library.
```Python
stage3_4/conv1/relu
ReLU
```
--------------------------------
### Configure MainLayout.razor for Bootstrap Blazor
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md
Wrap your application's content with the BootstrapBlazorRoot component in MainLayout.razor.
```html
@Body
```
--------------------------------
### CI/CD Build Workflow - Check LLM Documentation
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This YAML snippet shows how to integrate the documentation check into a GitHub Actions build workflow. It runs the documentation check on every push to the main branch.
```yaml
- name: Check LLM Documentation
run: dotnet run --project tools/LlmsDocsGenerator -- --check
```
--------------------------------
### Input Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/pose_estimation/mpi/pose_deploy_linevec_faster_4_stages.prototxt.txt
Defines the input layer for the pose estimation model, specifying the input dimensions. The channel dimension is noted as being defined at runtime.
```protobuf
input: "image"
input_dim: 1
input_dim: 3
input_dim: 1 # This value will be defined at runtime
input_dim: 1 # This value will be defined at runtime
```
--------------------------------
### Include Bootstrap Blazor Stylesheets and JavaScript
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/README.md
Add the Bootstrap Blazor CSS and JavaScript bundles to your main HTML file. For server-side projects, this is typically Pages/_Host.cshtml. For WebAssembly projects, it's wwwroot/index.html.
```html
. . .
. . .
```
--------------------------------
### Generate Index Only
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This command generates only the index file (`llms.txt`) without generating individual component documentation files.
```bash
llms-docs --index-only
```
--------------------------------
### Dropdown List with Search
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Demonstrates a dropdown list with integrated search functionality, allowing users to quickly find items in a long list. This is useful for improving user experience in selection scenarios.
```csharp
```
--------------------------------
### PriorBox Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Configuration for a PriorBox layer, used in object detection models.
```protobuf
message PriorBox {
repeated float min_sizes = 1;
repeated float aspect_ratios = 2;
float variance = 3;
float offset = 4;
}
```
--------------------------------
### PriorBox Layer Parameters
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt
Defines parameters for the PriorBox layer, which generates anchor boxes for object detection. It includes minimum and maximum box sizes, aspect ratios, variances, and step size.
```protobuf
prior_box_param {
min_size: 300.0
max_size: 400.0
aspect_ratio: 2.0
aspect_ratio: 0.5
aspect_ratio: 3.0
aspect_ratio: 0.3333333432674408
flip: false
clip: false
variance: 0.10000000149011612
variance: 0.10000000149011612
variance: 0.20000000298023224
variance: 0.20000000298023224
step: 32.0
}
```
--------------------------------
### Dropdown Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Shows how to implement a dropdown menu. Use it for navigation or selecting options.
```razor
Item 1Item 2
```
--------------------------------
### Steps Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Visualizes a multi-step process. Allows users to track their progress through a series of steps.
```razor
```
--------------------------------
### Wizard Step 1 Definition
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Defines the first step of a wizard component.
```razor
Content for step 1
```
--------------------------------
### Convolutional Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/obj_detection/mobilenet_iter_deploy.prototxt.txt
Defines a convolutional layer with specified input/output, kernel size, and weight initialization.
```protobuf
layer {
name: "conv3/dw"
type: "Convolution"
bottom: "conv2"
top: "conv3/dw"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 128
bias_term: false
pad: 1
kernel_size: 3
group: 128
#engine: CAFFE
weight_filler {
type: "msra"
}
}
}
```
```protobuf
layer {
name: "conv3"
type: "Convolution"
bottom: "conv3/dw"
top: "conv3"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 128
bias_term: false
kernel_size: 1
weight_filler {
type: "msra"
}
}
}
```
```protobuf
layer {
name: "conv4/dw"
type: "Convolution"
bottom: "conv3"
top: "conv4/dw"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 128
bias_term: false
pad: 1
kernel_size: 3
stride: 2
group: 128
#engine: CAFFE
weight_filler {
type: "msra"
}
}
}
```
```protobuf
layer {
name: "conv4"
type: "Convolution"
bottom: "conv4/dw"
top: "conv4"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 256
bias_term: false
kernel_size: 1
weight_filler {
type: "msra"
}
}
}
```
```protobuf
layer {
name: "conv5/dw"
type: "Convolution"
bottom: "conv4"
top: "conv5/dw"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 256
bias_term: false
pad: 1
kernel_size: 3
group: 256
#engine: CAFFE
weight_filler {
type: "msra"
}
}
}
```
```protobuf
layer {
name: "conv5"
type: "Convolution"
bottom: "conv5/dw"
top: "conv5"
param {
lr_mult: 0.1
decay_mult: 0.1
}
convolution_param {
num_output: 256
bias_term: false
kernel_size: 1
weight_filler {
type: "msra"
}
}
}
```
--------------------------------
### Source Code Analysis with Roslyn
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/tools/BootstrapBlazor.LLMsDocsGenerator/README.md
This C# code snippet demonstrates how to use Roslyn to scan for [Parameter] attributes on properties and extract XML documentation comments.
```csharp
// Scans for [Parameter] attributes
var parameters = classDeclaration.DescendantNodes()
.OfType()
.Where(p => HasAttribute(p, "Parameter"));
```
```csharp
// Extracts XML documentation comments
var summary = ExtractXmlSummary(property);
```
--------------------------------
### Wizard Step 2
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
The second step in a wizard component.
```razor
```
--------------------------------
### Table Export to CSV
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Shows how to export table data to a CSV file using BootstrapBlazor extensions. This feature is helpful for users who need to download and analyze data offline.
```csharp
await table.ToCsvAsync("SampleModel.csv")
```
--------------------------------
### Add BootstrapBlazor CSS
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Include the BootstrapBlazor CSS file in your project to apply the necessary styles. This is typically done in the main layout file.
```html
```
--------------------------------
### Wizard Step 1
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
The first step in a wizard component, marked as active.
```razor
```
--------------------------------
### Convolutional Layer Parameters
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt
Defines parameters for a convolutional layer, including output channels, bias term, padding, kernel size, stride, weight initialization, and dilation. This snippet shows configuration for a specific convolutional layer.
```protobuf
convolution_param {
num_output: 24
bias_term: true
pad: 0
kernel_size: 1
group: 1
stride: 1
weight_filler {
type: "msra"
}
dilation: 1
}
```
--------------------------------
### fc7_mbox_conf_perm
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/res10_300x300_ssd_iter_140000_fp16.caffemodel.txt
Configuration for permuting mbox data.
```APIDOC
## fc7_mbox_conf_perm
### Description
Manages mbox configuration permissions, allowing for permuting data.
### Method
N/A (Configuration)
### Endpoint
N/A (Configuration)
### Parameters
N/A
### Request Example
N/A
### Response
N/A
```
--------------------------------
### DetectionOutput Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/deploy.prototxt.txt
Configures the DetectionOutput layer, which performs non-maximum suppression and generates final bounding box detections. It requires location predictions, confidence scores, and prior boxes as input.
```protobuf
layer {
name: "detection_out"
type: "DetectionOutput"
bottom: "mbox_loc"
bottom: "mbox_conf_flatten"
bottom: "mbox_priorbox"
top: "detection_out"
include {
phase: TEST
}
detection_output_param {
num_classes: 2
share_location: true
background_label_id: 0
nms_param {
nms_threshold: 0.3
top_k: 400
}
code_type: CENTER_SIZE
keep_top_k: 200
confidence_threshold: 0.01
}
}
```
--------------------------------
### File Upload Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Illustrates the use of the BootstrapBlazor file upload component. This component facilitates easy file uploads with progress indication and file management.
```csharp
```
--------------------------------
### OpenPose BODY_25 Model Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/pose_estimation/body25/pose_deploy.prototxt.txt
This is the prototxt definition for the OpenPose BODY_25 pose estimation model. It specifies the network architecture, including input dimensions and layer configurations.
```protobuf
name: "OpenPose - BODY_25"
input: "image"
input_dim: 1 # This value will be defined at runtime
input_dim: 3
input_dim: 16 # This value will be defined at runtime
input_dim: 16 # This value will be defined at runtime
layer {
name: "conv1_1"
type: "Convolution"
bottom: "image"
top: "conv1_1"
convolution_param {
num_output: 64
pad: 1
kernel_size: 3
}
}
layer {
name: "relu1_1"
type: "ReLU"
bottom: "conv1_1"
top: "conv1_1"
}
layer {
name: "conv1_2"
type: "Convolution"
bottom: "conv1_1"
top: "conv1_2"
convolution_param {
num_output: 64
pad: 1
kernel_size: 3
}
}
layer {
name: "relu1_2"
type: "ReLU"
bottom: "conv1_2"
top: "conv1_2"
}
layer {
name: "pool1_stage1"
type: "Pooling"
bottom: "conv1_2"
top: "pool1_stage1"
pooling_param {
pool: MAX
kernel_size: 2
stride: 2
}
}
layer {
name: "conv2_1"
type: "Convolution"
bottom: "pool1_stage1"
top: "conv2_1"
convolution_param {
num_output: 128
pad: 1
kernel_size: 3
}
}
layer {
name: "relu2_1"
type: "ReLU"
bottom: "conv2_1"
top: "conv2_1"
}
layer {
name: "conv2_2"
type: "Convolution"
bottom: "conv2_1"
top: "conv2_2"
convolution_param {
num_output: 128
pad: 1
kernel_size: 3
}
}
layer {
name: "relu2_2"
type: "ReLU"
bottom: "conv2_2"
top: "conv2_2"
}
layer {
name: "pool2_stage1"
type: "Pooling"
bottom: "conv2_2"
top: "pool2_stage1"
pooling_param {
pool: MAX
kernel_size: 2
stride: 2
}
}
layer {
name: "conv3_1"
type: "Convolution"
bottom: "pool2_stage1"
top: "conv3_1"
convolution_param {
num_output: 256
pad: 1
kernel_size: 3
}
}
layer {
name: "relu3_1"
type: "ReLU"
bottom: "conv3_1"
top: "conv3_1"
}
layer {
name: "conv3_2"
type: "Convolution"
bottom: "conv3_1"
top: "conv3_2"
convolution_param {
num_output: 256
pad: 1
kernel_size: 3
}
}
layer {
name: "relu3_2"
type: "ReLU"
bottom: "conv3_2"
top: "conv3_2"
}
layer {
name: "conv3_3"
type: "Convolution"
bottom: "conv3_2"
top: "conv3_3"
convolution_param {
num_output: 256
pad: 1
kernel_size: 3
}
}
layer {
name: "relu3_3"
type: "ReLU"
bottom: "conv3_3"
top: "conv3_3"
}
layer {
name: "conv3_4"
type: "Convolution"
bottom: "conv3_3"
top: "conv3_4"
convolution_param {
num_output: 256
pad: 1
kernel_size: 3
}
}
layer {
name: "relu3_4"
type: "ReLU"
bottom: "conv3_4"
top: "conv3_4"
}
layer {
name: "pool3_stage1"
type: "Pooling"
bottom: "conv3_4"
top: "pool3_stage1"
pooling_param {
pool: MAX
kernel_size: 2
stride: 2
}
}
layer {
name: "conv4_1"
type: "Convolution"
bottom: "pool3_stage1"
top: "conv4_1"
convolution_param {
num_output: 512
pad: 1
kernel_size: 3
}
}
layer {
name: "relu4_1"
type: "ReLU"
bottom: "conv4_1"
top: "conv4_1"
}
layer {
name: "conv4_2"
type: "Convolution"
bottom: "conv4_1"
top: "conv4_2"
convolution_param {
num_output: 512
pad: 1
kernel_size: 3
}
}
layer {
name: "prelu4_2"
type: "PReLU"
bottom: "conv4_2"
top: "conv4_2"
}
layer {
name: "conv4_3_CPM"
type: "Convolution"
bottom: "conv4_2"
top: "conv4_3_CPM"
convolution_param {
num_output: 256
pad: 1
kernel_size: 3
}
}
layer {
name: "prelu4_3_CPM"
type: "PReLU"
bottom: "conv4_3_CPM"
top: "conv4_3_CPM"
}
layer {
name: "conv4_4_CPM"
type: "Convolution"
bottom: "conv4_3_CPM"
top: "conv4_4_CPM"
convolution_param {
num_output: 128
pad: 1
kernel_size: 3
}
}
layer {
name: "prelu4_4_CPM"
type: "PReLU"
bottom: "conv4_4_CPM"
top: "conv4_4_CPM"
}
layer {
name: "Mconv1_stage0_L2_0"
type: "Convolution"
bottom: "conv4_4_CPM"
top: "Mconv1_stage0_L2_0"
convolution_param {
num_output: 96
pad: 1
kernel_size: 3
}
}
layer {
name: "Mprelu1_stage0_L2_0"
type: "PReLU"
bottom: "Mconv1_stage0_L2_0"
top: "Mconv1_stage0_L2_0"
}
layer {
name: "Mconv1_stage0_L2_1"
type: "Convolution"
bottom: "Mconv1_stage0_L2_0"
top: "Mconv1_stage0_L2_1"
convolution_param {
num_output: 96
pad: 1
kernel_size: 3
}
}
layer {
name: "Mprelu1_stage0_L2_1"
type: "PReLU"
bottom: "Mconv1_stage0_L2_1"
top: "Mconv1_stage0_L2_1"
}
layer {
name: "Mconv1_stage0_L2_2"
type: "Convolution"
bottom: "Mconv1_stage0_L2_1"
top: "Mconv1_stage0_L2_2"
convolution_param {
num_output: 96
pad: 1
kernel_size: 3
}
}
layer {
name: "Mprelu1_stage0_L2_2"
type: "PReLU"
bottom: "Mconv1_stage0_L2_2"
top: "Mconv1_stage0_L2_2"
}
layer {
name: "Mconv1_stage0_L2_concat"
type: "Concat"
bottom: "Mconv1_stage0_L2_0"
bottom: "Mconv1_stage0_L2_1"
bottom: "Mconv1_stage0_L2_2"
top: "Mconv1_stage0_L2_concat"
concat_param {
axis: 1
}
}
layer {
name: "Mconv2_stage0_L2_0"
type: "Convolution"
bottom: "Mconv1_stage0_L2_concat"
top: "Mconv2_stage0_L2_0"
convolution_param {
num_output: 96
pad: 1
```
--------------------------------
### Add Bootstrap Blazor to _Imports.razor
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/readme.md
Import the BootstrapBlazor.Components namespace into your _Imports.razor file to make components available.
```razor
@using BootstrapBlazor.Components
```
--------------------------------
### Progress Bar
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Illustrates how to use a progress bar to indicate task completion. Can be animated.
```razor
```
--------------------------------
### Table Column Visibility Toggle
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Demonstrates how to allow users to toggle the visibility of table columns. This enhances usability by letting users focus on relevant data.
```csharp
await table.ToggleColumn("Name")
```
--------------------------------
### PriorBox Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/face/res10_300x300_ssd_iter_140000_fp16.caffemodel.txt
Configures the PriorBox component, often used in computer vision models for generating anchor boxes.
```csharp
fc7_mbox_priorbox
```
--------------------------------
### Permute Operation
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Demonstrates the permute operation, likely used for data manipulation or reordering.
```protobuf
message Permute {
repeated int32 loc1 = 1;
repeated int32 permute = 2;
}
```
--------------------------------
### Convolution Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Configuration for a convolution layer, specifying input and output channels, kernel size, and stride.
```protobuf
message Convolution {
int32 input_channels = 1;
int32 output_channels = 2;
int32 kernel_size = 3;
int32 stride = 4;
}
```
--------------------------------
### Permute Layer Configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Configuration for a permute layer, defining the order of dimensions.
```protobuf
message Permute {
repeated int32 order = 1;
}
```
--------------------------------
### Configure SVG-edit for XDomain Build
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/xdomain-index.html
Apply specific configurations for the xdomain build, such as setting the canvas name and allowed origins. This configuration is applied within a try-catch block to handle cases where XDOMAIN might be undefined.
```javascript
// Variable XDOMAIN below is created by Rollup for the Xdomain build (see rollup.config.js)
/* globals XDOMAIN */
try {
// try clause to avoid js to complain if XDOMAIN undefined
if (XDOMAIN) {
svgEditor.setConfig({
canvasName: 'xdomain',
// Namespace this
allowedOrigins: ['*']
})
console.info('xdomain config activated')
}
} catch (error) {
/* empty fn */
}
```
--------------------------------
### Add BootstrapBlazor JavaScript
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Include the BootstrapBlazor JavaScript bundle for interactive components. This should be placed before the closing body tag.
```html
```
--------------------------------
### DetectionOutput Layer Parameters
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.prototxt.txt
Defines parameters for the DetectionOutput layer, which performs non-maximum suppression and generates final bounding box detections. Key parameters include number of classes, NMS threshold, code type, and confidence threshold.
```protobuf
detection_output_param {
num_classes: 2
share_location: true
background_label_id: 0
nms_param {
nms_threshold: 0.44999998807907104
top_k: 100
}
code_type: CENTER_SIZE
keep_top_k: 100
confidence_threshold: 0.20000000298023224
}
```
--------------------------------
### Placeholder with Width
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
A placeholder component with a specified width of 50%.
```razor
```
--------------------------------
### Form Input Fields
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Demonstrates various input fields like text boxes, checkboxes, and radio buttons.
```razor
@code {
private string textValue;
private bool isChecked;
private List radioItems = new List {
new SelectedItem("1", "Option 1"),
new SelectedItem("2", "Option 2")
};
private string radioValue;
}
```
--------------------------------
### Date Picker Component
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/wxqrcode/detect.caffemodel.txt
Shows how to use the date picker for selecting dates. Supports various formatting options.
```razor
@code {
private DateTime? selectedDate;
}
```
--------------------------------
### Configure SVG Editor for XDomain
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.SVGEditor/wwwroot/editor/editor/iife-index.html
Applies specific configurations for cross-domain usage if the XDOMAIN global variable is available. This includes setting a canvas name and allowed origins.
```javascript
try {
if (XDOMAIN) {
svgEditor.setConfig({
canvasName: 'xdomain',
allowedOrigins: ['*']
})
console.info('xdomain config activated')
}
} catch (error) {
/* empty fn */
}
```
--------------------------------
### MobilenetV2 expanded_conv_11 expand weights configuration
Source: https://github.com/bootstrapblazor/bootstrapblazor.extensions/blob/master/src/components/BootstrapBlazor.ImageHelper/wwwroot/models/semantic_segmentation/opt_deeplabv3_mnv2_513.pb.txt
Configuration for the weights of the expand layer in expanded_conv_11. This includes the value and dtype.
```protobuf
MobilenetV2/expanded_conv_11/expand/weightsConst*\nvalueB`"B'<7vnH8+6\tT<7RF;x<&s!:/}Ի4=`an:GXwk;q<;=O3