Skip to content
Cloudflare Docs

RtkButton

A button that follows RTK Design System.

Properties

PropertyTypeRequiredDefaultDescription
disabledboolean-Where the button is disabled or not
kindButtonKind-Button type
reverseboolean-Whether to reverse order of children
sizeSize-Size
typeHTMLButtonElement['type']-Button type
variantButtonVariant-Button variant

Usage Examples

Basic Usage

import { RtkButton } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return <RtkButton />;
}

With Properties

import { RtkButton } from '@cloudflare/realtimekit-react-ui';
function MyComponent() {
return (
<RtkButton
disabled={true}
kind={buttonkind}
reverse={true}
/>
);
}