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

Interface: AccountOnboardingClasses

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

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

• BaseComponentClasses

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

---

stepAccount?

TypeScript

optional stepAccount?: string;

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

---

stepComplete?

TypeScript

optional stepComplete?: string;

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

---

stepHardware?

TypeScript

optional stepHardware?: string;

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

---

stepNumbers?

TypeScript

optional stepNumbers?: string;

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