> ## Documentation Index
> Fetch the complete documentation index at: https://crossmint-devin-1787949784-wallet-docs-two-concept-model.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# CheckoutTabRule

> Swift Structure

**Structure**

The rule for the payment method tabs, such as the card and crypto tabs.

```swift theme={null}
struct CheckoutTabRule
```

## Initializers

### init(borderRadius:font:colors:hover:selected:)

Creates a tab rule.

```swift theme={null}
init(borderRadius: String? = nil, font: CheckoutFontStyle? = nil, colors: CheckoutColorStyle? = nil, hover: CheckoutStateStyle? = nil, selected: CheckoutStateStyle? = nil)
```

### init(from:)

Inherited from `Decodable.init(from:)`.

```swift theme={null}
init(from decoder: any Decoder) throws
```

## Instance Properties

| Property       | Type                  | Description                                         |
| -------------- | --------------------- | --------------------------------------------------- |
| `borderRadius` | `String?`             | The CSS `border-radius` value, for example `"8px"`. |
| `colors`       | `CheckoutColorStyle?` | The tab colors in the rest state.                   |
| `font`         | `CheckoutFontStyle?`  | The tab font.                                       |
| `hover`        | `CheckoutStateStyle?` | The tab colors while the pointer is over the tab.   |
| `selected`     | `CheckoutStateStyle?` | The tab colors while the tab is the selected one.   |