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
Handles focus-in events, updating the component's state when the input field is focused.
Handles focus-out events, updating the component's state when the input field loses focus.
Toggles between showing and hiding the password input field.
Copies the current input text to the clipboard using the JavaScript DOM service.
Sets focus to the input field programmatically.