DeleteButton

DeleteButton component is a stand-alone element that can be used in different contexts.

API Documentation

How it works #

The DeleteButton component provides a simple, reusable button for delete actions, following the Bulma design system. It is typically used to allow users to remove items, dismiss notifications, or trigger delete operations in your UI.

How to use:
  1. Add the DeleteButton component to your page where a delete or close action is needed.
  2. Optionally, handle its onclick event to perform custom logic when the button is pressed.
  3. Style or position the button as needed within your layout.
This demo shows the default usage of the DeleteButton component, making it easy to integrate a consistent delete action into your application. 
<DeleteButton />

Sizes #

The DeleteButton component supports multiple sizes to fit different UI contexts. You can specify the size using the Size parameter with values such as Small, Medium, or Large.

How to use:
  1. Set the Size parameter on the DeleteButton to adjust its appearance. For example: <DeleteButton Size="DeleteButtonSize.Small" />.
  2. If no size is specified, the button uses the default size.
  3. Choose the size that best matches your design requirements.
This demo illustrates the available size options for the DeleteButton component, helping you select the appropriate size for your use case. 
<DeleteButton Size="DeleteButtonSize.Small" />
<DeleteButton />
<DeleteButton Size="DeleteButtonSize.Medium" />
<DeleteButton Size="DeleteButtonSize.Large" />
DO YOU KNOW?
This demo website is built using the BlazorExpress.Bulma library and published on the Azure Web App. See our source code on GitHub.
If you like BlazorExpress.Bulma, give it a star on GitHub!