Skip to main content

@dialstack/sdk-dev / js/src / OnboardingPortalClasses

Interface: OnboardingPortalClasses

Defined in: sdk/js/src/types/account-onboarding.ts:26

Base CSS class names that can be applied to component states.

These classes are applied to the component's container element, allowing integration with external CSS frameworks (Tailwind, Bootstrap, etc.)

Example​

TypeScript
// Using with Tailwind CSS
classes: {
  base: 'rounded-lg border border-gray-200',
  loading: 'animate-pulse bg-gray-100',
  error: 'border-red-500 bg-red-50',
  empty: 'text-gray-400 italic'
}

Extends​

Properties​

base?​

TypeScript
optional base?: string;

Defined in: sdk/js/src/types/appearance.ts:174

Base class applied to the container always

Default​

TypeScript
'dialstack-component'

Inherited from​

BaseComponentClasses.base

empty?​

TypeScript
optional empty?: string;

Defined in: sdk/js/src/types/appearance.ts:192

Class applied when the component has no data

Default​

TypeScript
'dialstack-component--empty'

Inherited from​

BaseComponentClasses.empty

error?​

TypeScript
optional error?: string;

Defined in: sdk/js/src/types/appearance.ts:186

Class applied when there's an error

Default​

TypeScript
'dialstack-component--error'

Inherited from​

BaseComponentClasses.error

loading?​

TypeScript
optional loading?: string;

Defined in: sdk/js/src/types/appearance.ts:180

Class applied when the component is loading

Default​

TypeScript
'dialstack-component--loading'

Inherited from​

BaseComponentClasses.loading

mainContent?​

TypeScript
optional mainContent?: string;

Defined in: sdk/js/src/types/account-onboarding.ts:28

TypeScript
optional sidebar?: string;

Defined in: sdk/js/src/types/account-onboarding.ts:27

On this page