---
url: /api/plugins/pantoken/custom-components/src.md
---
[pantoken-root](../../../../index.md) / custom-components

# custom-components

Beta

`@pantoken/plugin-custom-components` — custom components for downstream consumers.

## Example

```ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { customComponents } from "@pantoken/plugin-custom-components";

const css = toCss(byTheme("rebrand"), { plugins: [customComponents()] });
// appends all custom-component rules to the token sheet
```

## Interfaces

* [CustomComponentsOptions](interfaces/CustomComponentsOptions.md)

## Functions

* [agentShellRules](functions/agentShellRules.md)
* [aiGradientRules](functions/aiGradientRules.md)
* [bannerRules](functions/bannerRules.md)
* [buttonSetRules](functions/buttonSetRules.md)
* [cardRules](functions/cardRules.md)
* [logoRules](functions/logoRules.md)
* [segmentedControlRules](functions/segmentedControlRules.md)
* [skeletonLoaderRules](functions/skeletonLoaderRules.md)
* [breakpointDeclarations](functions/breakpointDeclarations.md)
* [customComponents](functions/customComponents.md)

## References

### default

Renames and re-exports [customComponents](functions/customComponents.md)