Fundamentals
Components
Code Utilities
Demo

Information

Basic information about the application.

Typography

Guidelines on using typography effectively.

Colors

Color schemes and usage guidelines.

Base Components

Fundamental components for building UI elements.

Form Components

Components used for creating forms.

Card Components

Components designed for card layouts.

Layout Components

Components for managing layout structure.

Utility Components

Utility components for various functions.

Media Components

Components for handling media content.

Topic.DataSource.Title

Topic.DataSource.Description

C# Code

Utilities and examples for C# programming.

JavaScript

Guidelines and tools for JavaScript development.

Topic.Styles.Title

Topic.Styles.Description

License

Information about the project's license.

Contact

How to get in touch with us.

Git Repository

Access the project's Git repository.

Contact

How to get in touch with us.

Donate

Support the development by donating.

BcComponentBase

Base class for BlazorCraft components.

BcInputComponentBase

Base class for input components.

BcLayoutComponentBase

Base class for layout components.

BcCard

Basic card layout component.

BcCardGroup

Group of card components.

BcActionCard

Card component with action elements.

BcComboCard

Card combining multiple features.

BcDateCard

Card component displaying dates.

BcDateTimeCard

Card displaying date and time.

BcEntryCard

Card for data entry.

BcExpandCard

Expandable card component.

BcExpandComboCard

Card combining multiple features.

BcRadioCard

Card with radio button options.

BcSpinCard

Card with spinner control.

BcSwitchCard

Card with switch toggle.

BcTimeCard

Card displaying time information.

BcButton

Button component for user interactions.

BcCheckbox

Checkbox input component.

BcDropDown

Dropdown list selection component.

BcFileDrop

Component for dragging and dropping files.

BcRadioButton

Radio button input component.

BcRange

Range slider input component.

BcValidation

Validation utilities for form inputs.

BcInputText

Text input field component.

BcInputNumber

Number input field component.

Topic.BcInputDate.Title

Topic.BcInputDate.Description

Topic.BcTextArea.Title

Topic.BcTextArea.Description

BcTextEditor

Rich text editor component.

BcTimePicker

Component for selecting time.

BcDateTimePicker

Component for selecting date and time.

BcCalendarDatePicker

Date picker with calendar interface.

AutoGrid

Automatic grid layout component.

Grid

Grid layout component.

BreakpointListener

Component to detect responsive breakpoints.

Clamp

Component for clamping content.

ContentInjector

Inject content dynamically.

Flex

Flexible box layout component.

Not Found

Page not found component.

Section

Layout section component.

ThemeRenderer

Component for rendering themes.

BcImage

Image display component.

BcSvg

SVG rendering component.

BcImageCropper

Component for cropping images.

BcBanner

Banner display component.

BcContextMenu

Context menu component.

BcDialog

Dialog/modal component.

BcDragProvider

Component providing drag-and-drop functionality.

BcExpander

Expandable content component.

Topic.BcProgressBar.Title

Topic.BcProgressBar.Description

BcSidebarView

Sidebar navigation component.

BcSlider

Slide show component.

BcSpinner

Loading spinner component.

Topic.BcSteps.Title

Topic.BcSteps.Description

BcTabs

Tab navigation component.

BcToast

Toast notification component.

BcTooltip

Tooltip display component.

BcAnimation

Animation utilities and components.

BcAnimationTimeLine

Timeline for managing animations.

Topic.BrowserFile.Title

Topic.BrowserFile.Description

BcCanvasBuilder

BcCanvasBuilder utilities and examples.

BcCssClassBuilder

Utility for building CSS class strings.

BcCssStyleBuilder

Utility for building CSS style strings.

BcCssColorMixer

Utility for mixing CSS colors.

BcLocalizer

Localization utilities.

BcJsBrowserLanguageService

Service for loading and setting the language for the Localizer.

BcJsCanvasService

Service for creating Casvas Images

Topic.BcJsClipBoardService.Title

Topic.BcJsClipBoardService.Description

BcJsCookieService

Service for handling cookies in JavaScript.

BcJsDomService

Service for DOM manipulations.

Topic.BcJsFileService.Title

Topic.BcJsFileService.Description

BcJsInputService

Service for registering input listeners.

BcJsLocalStorageService

Service for local storage operations.

BcJsMouseService

Service for mouse event handling.

BcJsSoundService

Service for playing sounds.

Topic.BcJsThemeService.Title

Topic.BcJsThemeService.Description

BcJsTouchService

Service for handling touch input.

Topic.BcJsVibrateService.Title

Topic.BcJsVibrateService.Description

Topic.CssBorderRadius.Title

Topic.CssBorderRadius.Description

Topic.CssCursor.Title

Topic.CssCursor.Description

Css Display Classes

CSS display property utilities.

Css Flex Classes

CSS flexbox utilities.

Css Grid Classes

CSS flexbox utilities.

Css FontSize Classes

Utilities for font sizes.

Css Margin Classes

Utilities for CSS margins.

Css Padding Classes

Utilities for CSS padding.

Topic.CssScroll.Title

Topic.CssScroll.Description

Css Text Classes

Utilities for text styling.

Css Width Classes

Utilities for element widths.

Css Height Classes

Utilities for element heights.

Topic.BcDataTable.Title

Topic.BcDataTable.Description

Topic.BcInfiniteScroll.Title

Topic.BcInfiniteScroll.Description

BcEntryCard

Description

The BcEntryCard component provides a user-friendly input field inside a card UI. It supports password toggling, clipboard copying, and custom styling options.

Settings

Password

Set the inputs to type 'password'

Disabled

Set the inputs to 'disabled'

Read Only

Set the inputs to 'readonly'

ShowCopyToClipboard

Enables the copy text to Clipboard button'

ShowPencil

Enables the Pen button to set focus to the input'

Color FormatingStates

Default

The default StylesColorFormatingState

Success

The success StylesColorFormatingState

Warning

The warning StylesColorFormatingState

Error

The error StylesColorFormatingState

Sample

Parameters

Value

string

The Content that will be Rendered inside the Card

ValueChanged

Action < string >

The Content that will be Rendered inside the Card

PlaceHolder

string?

The placeholder text displayed inside the input field.

CardType

BcCardType

Specifies the type of the card, affecting its styling.

ChildContent

RenderFragment?

Defines additional content that can be rendered inside the entry card.

Password

bool

Determines whether the input field should behave as a password field.

ShowPencil

bool

Specifies whether a pencil icon should be displayed to allow editing.

ShowCopyToClipboard

bool

Determines whether a clipboard icon should be displayed for copying the input text.

StatusColor

BcStatusColor

Determines the status color of the entry card, affecting its visual appearance.

Methods

FocusHasSet ( )

Handles focus-in events, updating the component's state when the input field is focused.

void
FocusHasLost ( )

Handles focus-out events, updating the component's state when the input field loses focus.

void
TogglePassword ( )

Toggles between showing and hiding the password input field.

void
CopyTextToClipboard ( )

Copies the current input text to the clipboard using the JavaScript DOM service.

Task
SetFocus ( )

Sets focus to the input field programmatically.

Task