> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cdp.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# borderRadiusComponents

```ts theme={null}
const borderRadiusComponents: {
  badge: {
     value: "{borderRadius.full}";
  };
  banner: {
     value: "{borderRadius.lg}";
  };
  cta: {
     value: "{borderRadius.full}";
  };
  input: {
     value: "{borderRadius.sm}";
  };
  link: {
     value: "{borderRadius.full}";
  };
  modal: {
     value: "{borderRadius.sm}";
  };
  select: {
     trigger: {
        value: "{borderRadius.sm}";
     };
     list: {
        value: "{borderRadius.sm}";
     };
  };
};
```

Component border radius tokens.

## Type declaration

| Name                       | Type                                                                                                | Default value           |
| -------------------------- | --------------------------------------------------------------------------------------------------- | ----------------------- |
| <a id="badge" /> `badge`   | \{ `value`: `"{borderRadius.full}"`; }                                                              | -                       |
| `badge.value`              | `"{borderRadius.full}"`                                                                             | `"{borderRadius.full}"` |
| <a id="banner" /> `banner` | \{ `value`: `"{borderRadius.lg}"`; }                                                                | -                       |
| `banner.value`             | `"{borderRadius.lg}"`                                                                               | `"{borderRadius.lg}"`   |
| <a id="cta" /> `cta`       | \{ `value`: `"{borderRadius.full}"`; }                                                              | -                       |
| `cta.value`                | `"{borderRadius.full}"`                                                                             | `"{borderRadius.full}"` |
| <a id="input" /> `input`   | \{ `value`: `"{borderRadius.sm}"`; }                                                                | -                       |
| `input.value`              | `"{borderRadius.sm}"`                                                                               | `"{borderRadius.sm}"`   |
| <a id="link" /> `link`     | \{ `value`: `"{borderRadius.full}"`; }                                                              | -                       |
| `link.value`               | `"{borderRadius.full}"`                                                                             | `"{borderRadius.full}"` |
| <a id="modal" /> `modal`   | \{ `value`: `"{borderRadius.sm}"`; }                                                                | -                       |
| `modal.value`              | `"{borderRadius.sm}"`                                                                               | `"{borderRadius.sm}"`   |
| <a id="select" /> `select` | \{ `trigger`: \{ `value`: `"{borderRadius.sm}"`; }; `list`: \{ `value`: `"{borderRadius.sm}"`; }; } | -                       |
| `select.trigger`           | \{ `value`: `"{borderRadius.sm}"`; }                                                                | -                       |
| `select.trigger.value`     | `"{borderRadius.sm}"`                                                                               | `"{borderRadius.sm}"`   |
| `select.list`              | \{ `value`: `"{borderRadius.sm}"`; }                                                                | -                       |
| `select.list.value`        | `"{borderRadius.sm}"`                                                                               | `"{borderRadius.sm}"`   |