Accent color
# Params
## Description
BitParams lets you cascade shared parameter objects to compatible components so you can define common defaults once.
## Parameters
| Name | Type | Default Value | Description |
| :--- | :--- | :------------ | :---------- |
| ChildContent | `RenderFragment?` | null | The content to which the values should be provided. |
| Parameters | `IEnumerable<IBitComponentParams>?` | null | List of parameters to provide for the children components. |
## Sub Classes
### IBitComponentParams Properties
Defines the contract for parameters that can be cascaded by BitParams.
| Name | Type | Default Value | Description |
| :--- | :--- | :------------ | :---------- |
| Name | `string` | | Gets the name associated with the current instance of BitComponentParams. |
### BitComponentBaseParams Properties
Base class shared by BitParams models to map BitComponentBase defaults.
| Name | Type | Default Value | Description |
| :--- | :--- | :------------ | :---------- |
| AriaLabel | `string?` | null | Gets or sets the accessible label for the component, used by assistive technologies. |
| Class | `string?` | null | Gets or sets the CSS class name(s) to apply to the rendered element. |
| Dir | `BitDir?` | null | Gets or sets the text directionality for the component's content. |
| ForceAnimation | `bool?` | null | Gets or sets a value indicating whether the component's animations play at their full duration even when reduced motion is requested. |
| HtmlAttributes | `Dictionary<string, object>?` | null | Captures additional HTML attributes to be applied to the rendered element, in addition to the component's parameters. |
| Id | `string?` | null | Gets or sets the unique identifier for the component's root element. |
| IsEnabled | `bool?` | true | Gets or sets a value indicating whether the component is enabled and can respond to user interaction. |
| Style | `string?` | null | Gets or sets the CSS style string to apply to the rendered element. |
| TabIndex | `string?` | null | Gets or sets the tab order index for the component when navigating with the keyboard. |
| Visibility | `BitVisibility?` | null | Gets or sets the visibility state (visible, hidden, or collapsed) of the component. |
## Examples
\n**Basic**:
```razor
BitText with provided parameters
BitTag with provided parameters
```
```csharp
private readonly List basicParams =
[
new BitCardParams { Background = BitColorKind.Tertiary, FullWidth = true, Style = "padding: 3rem" },
new BitTagParams { Color = BitColor.Tertiary, Variant = BitVariant.Fill, Size = BitSize.Large },
new BitTextParams { Typography = BitTypography.H5, Color = BitColor.Secondary, Gutter = true },
];
```
\n**Overriding cascaded values**:
```razor
BitText with provided and overriden parameters
BitTag with provided and overriden parameters
```
```csharp
private readonly List basicParams =
[
new BitCardParams { Background = BitColorKind.Tertiary, FullWidth = true, Style = "padding: 3rem" },
new BitTagParams { Color = BitColor.Tertiary, Variant = BitVariant.Fill, Size = BitSize.Large },
new BitTextParams { Typography = BitTypography.H5, Color = BitColor.Secondary, Gutter = true },
];
```
\n**Changing parameter values**:
```razor
BitText with provided parameters
BitTag with provided parameters
```
```csharp
private bool useAltParameters;
private readonly List basicParams =
[
new BitCardParams { Background = BitColorKind.Tertiary, FullWidth = true, Style = "padding: 3rem" },
new BitTagParams { Color = BitColor.Tertiary, Variant = BitVariant.Fill, Size = BitSize.Large },
new BitTextParams { Typography = BitTypography.H5, Color = BitColor.Secondary, Gutter = true },
];
private readonly List altParams =
[
new BitCardParams { Background = BitColorKind.Tertiary, FullWidth = false, Style = "padding: 1rem" },
new BitTagParams { Color = BitColor.Secondary, Variant = BitVariant.Outline, Size = BitSize.Small },
new BitTextParams { Typography = BitTypography.H4, Color = BitColor.Primary, Gutter = true },
];
```
\n**Nesting Params**:
```razor
Outer defaults
These tags use the parent BitParams values.
Global
Team
Nested overrides
Inner BitParams changes colors and variants for this scope.
Alert
Highlight
```
```csharp
private readonly List nestedParentParams =
[
new BitCardParams { Background = BitColorKind.Tertiary, FullWidth = true, Style = "padding: 1rem" },
new BitTagParams { Color = BitColor.Primary, Variant = BitVariant.Outline, Size = BitSize.Medium },
new BitTextParams { Typography = BitTypography.Body2, Color = BitColor.PrimaryForeground }
];
private readonly List nestedChildParams =
[
new BitCardParams { Background = BitColorKind.Secondary, FullWidth = true, Style = "padding: 0.75rem" },
new BitTagParams { Color = BitColor.Warning, Variant = BitVariant.Fill, Size = BitSize.Small },
new BitTextParams { Typography = BitTypography.Body2, Color = BitColor.Warning }
];
```