# RubicBlazor Component API Reference

Version: 3.0.0.0

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

## Components

- [Picker_Date](#picker_date)
- [Picker_List](#picker_list)
- [Picker_ListMulti](#picker_listmulti)
- [Picker_Numeric`1](#picker_numeric`1)
- [Picker_Text](#picker_text)
- [Picker_TextArea](#picker_textarea)
- [Picker_Time](#picker_time)
- [RbBuilder](#rbbuilder)
- [RbCardHeader](#rbcardheader)
- [RbCardList`1](#rbcardlist`1)
- [RbCardProperty](#rbcardproperty)
- [RbCardPropertyPickerBool](#rbcardpropertypickerbool)
- [RbCardPropertyPickerDate](#rbcardpropertypickerdate)
- [RbCardPropertyPickerDateOnly](#rbcardpropertypickerdateonly)
- [RbCardPropertyPickerList`2](#rbcardpropertypickerlist`2)
- [RbCardPropertyPickerListMulti`2](#rbcardpropertypickerlistmulti`2)
- [RbCardPropertyPickerNumeric`1](#rbcardpropertypickernumeric`1)
- [RbCardPropertyPickerText](#rbcardpropertypickertext)
- [RbCardPropertyPickerTime](#rbcardpropertypickertime)
- [RbCardPropertyPickerTimeOnly](#rbcardpropertypickertimeonly)
- [RbDialogContainer](#rbdialogcontainer)
- [RbDialogHostItem](#rbdialoghostitem)
- [RbDialogLayout](#rbdialoglayout)
- [RbDisplayMessage](#rbdisplaymessage)
- [RbModalLayout](#rbmodallayout)
- [RbNoDataToDisplay](#rbnodatatodisplay)
- [RbPickerWheel](#rbpickerwheel)
- [RbPickerWheelColumn](#rbpickerwheelcolumn)
- [RbRenderScope](#rbrenderscope)
- [RbTableDataRow`1](#rbtabledatarow`1)
- [RbTimelineItem](#rbtimelineitem)

---

## Picker_Date

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| CancelText | `string` | null |
| Culture | `CultureInfo` | null |
| FixDay | `int` | 0 |
| FixMonth | `int` | 0 |
| FixYear | `int` | 0 |
| MaxDate | `DateTime?` | null |
| MinDate | `DateTime?` | null |
| OkText | `string` | null |
| Title | `string` | null |
| Value | `DateTime?` | null |

### Events

- `ValueChanged` - EventCallback<Nullable`1>

---

## Picker_List

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| AutoCommit | `bool` | true |
| CancelText | `string` | null |
| Items | `Dictionary`2` | null |
| NoDataToDisplayText | `string` | null |
| OkText | `string` | null |
| Searchable | `bool?` | null |
| SearchPlaceholder | `string` | null |
| Title | `string` | null |
| Value | `object` | null |

### Events

- `ValueChanged` - EventCallback<Object>

---

## Picker_ListMulti

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| CancelText | `string` | null |
| Items | `Dictionary`2` | null |
| NoDataToDisplayText | `string` | null |
| OkText | `string` | null |
| Searchable | `bool?` | null |
| SearchPlaceholder | `string` | null |
| Title | `string` | null |
| Value | `List<object>` | null |

### Events

- `ValueChanged` - EventCallback<List`1>

---

## Picker_Numeric`1

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | - |
| CancelText | `string` | - |
| Culture | `CultureInfo` | - |
| Decimals | `int` | - |
| HideThousandsSeparator | `bool` | - |
| MaxValue | `TValue` | - |
| MinValue | `TValue` | - |
| OkText | `string` | - |
| Placeholder | `string` | - |
| Title | `string` | - |
| Value | `TValue` | - |

### Events

- `ValueChanged` - EventCallback<TValue>

---

## Picker_Text

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| CancelText | `string` | null |
| Lowercase | `bool` | false |
| Mask | `string` | null |
| MaskPlaceHolder | `string` | null |
| MaxLength | `int?` | null |
| NumericOnly | `bool` | false |
| OkText | `string` | null |
| Password | `bool` | false |
| Placeholder | `string` | null |
| Title | `string` | null |
| Uppercase | `bool` | false |
| Value | `string` | null |

### Events

- `ValueChanged` - EventCallback<String>

---

## Picker_TextArea

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| CancelText | `string` | null |
| Lowercase | `bool` | false |
| MaxLength | `int?` | null |
| OkText | `string` | null |
| Placeholder | `string` | null |
| Title | `string` | null |
| Uppercase | `bool` | false |
| Value | `string` | null |

### Events

- `ValueChanged` - EventCallback<String>

---

## Picker_Time

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | false |
| AllowedMinutes | `IEnumerable`1` | null |
| CancelText | `string` | null |
| Culture | `CultureInfo` | null |
| MaxTime | `TimeSpan?` | null |
| MinTime | `TimeSpan?` | null |
| OkText | `string` | null |
| Title | `string` | null |
| Use24 | `bool` | false |
| Value | `TimeSpan?` | null |

### Events

- `ValueChanged` - EventCallback<Nullable`1>

---

## RbBuilder

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| MaskContent | `RenderFragment` | null |

---

## RbCardHeader

**Inherits from:** RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| FullWidth | `bool` | true |
| IconPos | `RbStartEndCenter` (Start, Center, End) | RbStartEndCenter.End |
| Title | `string` | null |
| TitleClass | `string` | null |
| Class | `string` | null |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| Style | `string` | null |
| Visible | `bool` | true |

### Events

- `OnImageClick` - EventCallback<void>

---

## RbCardList`1

### Parameters

| Name | Type | Default |
|------|------|---------|
| Border | `bool` | - |
| BottomPagerVisible | `bool` | - |
| ChildContent | `RenderFragment<TItem>` | - |
| Class | `string` | - |
| CurrentPage | `int` | - |
| DataSource | `IEnumerable`1` | - |
| FilterDescription | `string` | - |
| FilterPlaceHolder | `string` | - |
| NoDataToDisplayText | `string` | - |
| OnFilter | `Func`3` | - |
| OnFilterValueChanged | `Action`1` | - |
| PageSize | `int` | - |
| Rounded | `bool` | - |
| RowClass | `string` | - |
| RowClassFn | `Func`2` | - |
| RowReadonlyFn | `Func`2` | - |
| RowStyle | `string` | - |
| RowTitleFn | `Func`2` | - |
| SingleColumn | `bool` | - |
| Style | `string` | - |
| TopPagerVisible | `bool` | - |
| TotalItemsCount | `int?` | - |

### Events

- `OnClicked` - EventCallback<TItem>
- `OnPageChanged` - EventCallback<Int32>

---

## RbCardProperty

**Inherits from:** RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| BackChevron | `bool` | false |
| ChildContent | `RenderFragment` | null |
| Disabled | `bool` | false |
| Order | `int` | 0 |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Title | `string` | null |
| Class | `string` | null |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| Style | `string` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>

---

## RbCardPropertyPickerBool

**Inherits from:** RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| CancelText | `string` | null |
| NoText | `string` | null |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| ToggleOnClick | `bool` | false |
| Value | `bool` | false |
| YesText | `string` | null |
| BackChevron | `bool` | false |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Disabled | `bool` | false |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| Order | `int` | 0 |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<Boolean>

---

## RbCardPropertyPickerDate

**Inherits from:** RbCardPropertyPickerDateBase`1 → RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | true |
| BackChevron | `bool` | false |
| CancelText | `string` | null |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Culture | `CultureInfo` | null |
| Disabled | `bool` | false |
| FixDay | `int` | 0 |
| FixMonth | `int` | 0 |
| FixYear | `int` | 0 |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| MaxDate | `DateTime?` | null |
| MinDate | `DateTime?` | null |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| Order | `int` | 0 |
| Placeholder | `string` | null |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Value | `DateTime?` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<Nullable`1>

---

## RbCardPropertyPickerDateOnly

**Inherits from:** RbCardPropertyPickerDateBase`1 → RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | true |
| BackChevron | `bool` | false |
| CancelText | `string` | null |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Culture | `CultureInfo` | null |
| Disabled | `bool` | false |
| FixDay | `int` | 0 |
| FixMonth | `int` | 0 |
| FixYear | `int` | 0 |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| MaxDate | `DateOnly?` | null |
| MinDate | `DateOnly?` | null |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| Order | `int` | 0 |
| Placeholder | `string` | null |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Value | `DateOnly?` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<Nullable`1>

---

## RbCardPropertyPickerList`2

**Inherits from:** RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | - |
| CancelText | `string` | - |
| DataSource | `IEnumerable`1` | - |
| NoResultsText | `string` | - |
| OkText | `string` | - |
| OnValueChanged | `Func`2` | - |
| Searchable | `bool` | - |
| SearchPlaceholder | `string` | - |
| TextSelector | `Func`2` | - |
| Value | `TValue` | - |
| ValueSelector | `Func`2` | - |
| BackChevron | `bool` | - |
| ChildContent | `RenderFragment` | - |
| Class | `string` | - |
| Disabled | `bool` | - |
| IconClass | `string` | - |
| IconWrapperClass | `string` | - |
| Image | `string` | - |
| Order | `int` | - |
| Readonly | `bool` | - |
| ReverseContent | `bool` | - |
| SingleColumn | `bool` | - |
| Style | `string` | - |
| Title | `string` | - |
| Visible | `bool` | - |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<TValue>

---

## RbCardPropertyPickerListMulti`2

**Inherits from:** RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| CancelText | `string` | - |
| DataSource | `IEnumerable`1` | - |
| NoResultsText | `string` | - |
| OkText | `string` | - |
| OnValueChanged | `Func`2` | - |
| Searchable | `bool` | - |
| SearchPlaceholder | `string` | - |
| TextSelector | `Func`2` | - |
| Value | `TValueCollection` | - |
| ValueSelector | `Func`2` | - |
| BackChevron | `bool` | - |
| ChildContent | `RenderFragment` | - |
| Class | `string` | - |
| Disabled | `bool` | - |
| IconClass | `string` | - |
| IconWrapperClass | `string` | - |
| Image | `string` | - |
| Order | `int` | - |
| Readonly | `bool` | - |
| ReverseContent | `bool` | - |
| SingleColumn | `bool` | - |
| Style | `string` | - |
| Title | `string` | - |
| Visible | `bool` | - |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<TValueCollection>

---

## RbCardPropertyPickerNumeric`1

**Inherits from:** RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| CancelText | `string` | - |
| Culture | `CultureInfo` | - |
| Decimals | `int` | - |
| HideThousandsSeparator | `bool` | - |
| MaxValue | `TValue` | - |
| MinValue | `TValue` | - |
| OkText | `string` | - |
| OnValueChanged | `Func`2` | - |
| Placeholder | `string` | - |
| Value | `TValue` | - |
| BackChevron | `bool` | - |
| ChildContent | `RenderFragment` | - |
| Class | `string` | - |
| Disabled | `bool` | - |
| IconClass | `string` | - |
| IconWrapperClass | `string` | - |
| Image | `string` | - |
| Order | `int` | - |
| Readonly | `bool` | - |
| ReverseContent | `bool` | - |
| SingleColumn | `bool` | - |
| Style | `string` | - |
| Title | `string` | - |
| Visible | `bool` | - |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<TValue>

---

## RbCardPropertyPickerText

**Inherits from:** RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | true |
| CancelText | `string` | null |
| Lowercase | `bool` | false |
| Mask | `string` | null |
| MaskPlaceHolder | `string` | "_" |
| MaxLength | `int?` | null |
| NumericOnly | `bool` | false |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| Password | `bool` | false |
| Placeholder | `string` | null |
| Uppercase | `bool` | false |
| Value | `string` | null |
| BackChevron | `bool` | false |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Disabled | `bool` | false |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| Order | `int` | 0 |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<String>

---

## RbCardPropertyPickerTime

**Inherits from:** RbCardPropertyPickerTimeBase`1 → RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | true |
| BackChevron | `bool` | false |
| CancelText | `string` | null |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Culture | `CultureInfo` | null |
| Disabled | `bool` | false |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| Order | `int` | 0 |
| Placeholder | `string` | null |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Use24 | `bool` | true |
| Value | `TimeSpan?` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<Nullable`1>

---

## RbCardPropertyPickerTimeOnly

**Inherits from:** RbCardPropertyPickerTimeBase`1 → RbCardProperty → RbCardItemBase

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowClear | `bool` | true |
| BackChevron | `bool` | false |
| CancelText | `string` | null |
| ChildContent | `RenderFragment` | null |
| Class | `string` | null |
| Culture | `CultureInfo` | null |
| Disabled | `bool` | false |
| IconClass | `string` | null |
| IconWrapperClass | `string` | null |
| Image | `string` | null |
| OkText | `string` | null |
| OnValueChanged | `Func`2` | null |
| Order | `int` | 0 |
| Placeholder | `string` | null |
| Readonly | `bool` | false |
| ReverseContent | `bool` | false |
| SingleColumn | `bool` | false |
| Style | `string` | null |
| Title | `string` | null |
| Use24 | `bool` | true |
| Value | `TimeOnly?` | null |
| Visible | `bool` | true |

### Events

- `OnClick` - EventCallback<void>
- `ValueChanged` - EventCallback<Nullable`1>

---

## RbDialogContainer

---

## RbDialogHostItem

### Parameters

| Name | Type | Default |
|------|------|---------|
| RequestModel | `object` | null |

### Events

- `OnClose` - EventCallback<ValueTuple`2>

---

## RbDialogLayout

### Parameters

| Name | Type | Default |
|------|------|---------|
| BodyClass | `string` | null |
| BodyStyle | `string` | null |
| Button1Text | `string` | "OK" |
| Button2Text | `string` | null |
| Button3Text | `string` | null |
| CancelText | `string` | null |
| ChildContent | `RenderFragment` | null |
| FluidContent | `bool` | false |
| FrameColor | `RbColor?` | null |
| HeaderClose | `bool` | false |
| HeaderIcon | `string` | null |
| HeaderTitle | `string` | null |
| HideHeader | `bool` | false |
| StartButtonCount | `int` | 0 |
| WrapperClass | `string` | null |
| WrapperStyle | `string` | null |

### Events

- `OnButton1` - EventCallback<void>
- `OnButton2` - EventCallback<void>
- `OnButton3` - EventCallback<void>
- `OnCancel` - EventCallback<void>
- `OnClose` - EventCallback<void>

---

## RbDisplayMessage

### Parameters

| Name | Type | Default |
|------|------|---------|
| Button1Text | `string` | "Ok" |
| Button2Text | `string` | null |
| Button3Text | `string` | null |
| Color | `RbColor` (Default, Primary, Secondary, Info, Warning...) | RbColor.Default |
| Icon | `string` | null |
| Message | `string` | null |
| ShowCancel | `bool` | false |
| Title | `string` | null |
| VerificationCode | `string` | null |
| VerificationError | `string` | "Verification is not valid." |

---

## RbModalLayout

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| CloseButton | `bool` | true |
| Color | `RbColor` (Default, Primary, Secondary, Info, Warning...) | RbColor.Default |
| ContentClass | `string` | null |
| ContentStyle | `string` | null |
| Footer | `RenderFragment` | null |
| IconCls | `string` | null |
| NoTitle | `bool` | false |
| Title | `string` | null |
| UseSurfaceContent | `bool` | false |
| WrapperClass | `string` | null |
| WrapperStyle | `string` | null |

### Events

- `OnClose` - EventCallback<void>

---

## RbNoDataToDisplay

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| Text | `string` | null |

---

## RbPickerWheel

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| Id | `string` | null |

---

## RbPickerWheelColumn

### Parameters

| Name | Type | Default |
|------|------|---------|
| ChildContent | `RenderFragment` | null |
| Id | `string` | null |

### Events

- `IndexChanged` - EventCallback<Int32>

---

## RbRenderScope

### Parameters

| Name | Type | Default |
|------|------|---------|
| AllowRender | `bool` | false |
| ChildContent | `RenderFragment` | null |
| OnRenderCompleted | `Func`2` | null |

### Events

- `AllowRenderChanged` - EventCallback<Boolean>

---

## RbTableDataRow`1

### Parameters

| Name | Type | Default |
|------|------|---------|
| DataIndex | `int` | - |
| Entry | `TItem` | - |

---

## RbTimelineItem

### Parameters

| Name | Type | Default |
|------|------|---------|
| AlterContent | `RenderFragment` | null |
| AlterContentClass | `string` | null |
| AlterContentStyle | `string` | null |
| ChildContent | `RenderFragment` | null |
| ChildContentClass | `string` | null |
| ChildContentStyle | `string` | null |
| DotColor | `RbColor` (Default, Primary, Secondary, Info, Warning...) | RbColor.Default |
| DotIconCls | `string` | null |
| DotSize | `string` | null |
| DotStyle | `string` | null |
| HideDot | `bool` | false |
| HorizontalWidth | `int?` | null |

---