Skip to main content

Interface: AddressCardProps

Defined in: components/AddressCard.tsx:27

Properties​

address​

address: Address | CartAddress | WarehouseAddress | OrderAddress | null

Defined in: components/AddressCard.tsx:32

The address to display (Address | CartAddress | WarehouseAddress | OrderAddress)

addressType?​

optional addressType?: string

Defined in: components/AddressCard.tsx:120

Address type for new addresses (e.g., 'DELIVERY', 'INVOICE'). Used when creating, not editing.

afterDelete?​

optional afterDelete?: (addressId) => void

Defined in: components/AddressCard.tsx:96

Called after address deletion completes

Parameters​

addressId​

Address

Returns​

void

afterEdit?​

optional afterEdit?: (address) => void | Promise<void>

Defined in: components/AddressCard.tsx:90

Called after address edit completes

Parameters​

address​

Address

Returns​

void | Promise<void>

afterSetDefault?​

optional afterSetDefault?: (address) => void

Defined in: components/AddressCard.tsx:102

Called after address is set as default

Parameters​

address​

Address

Returns​

void

beforeSave?​

optional beforeSave?: () => void

Defined in: components/AddressCard.tsx:132

Called before save starts

Returns​

void

children?​

optional children?: ReactNode

Defined in: components/AddressCard.tsx:141

Compound mode opt-in for the read-only card region. When provided, the read-only card renders the compound subtree (using <AddressCard.X> subcomponents) instead of the default layout. Edit forms / modals stay monolithic regardless.

countries?​

optional countries?: object[]

Defined in: components/AddressCard.tsx:105

List of countries for the country dropdown [{code: 'NL', name: 'Netherlands'}, ...]

code​

code: string

name​

name: string

enableActions?​

optional enableActions?: boolean

Defined in: components/AddressCard.tsx:65

Display action buttons (edit, delete, set default)

Default​

true

enableDelete?​

optional enableDelete?: boolean

Defined in: components/AddressCard.tsx:71

Display Delete button

Default​

true

enableEdit?​

optional enableEdit?: boolean

Defined in: components/AddressCard.tsx:68

Display Edit button

Default​

true

enableSetDefault?​

optional enableSetDefault?: boolean

Defined in: components/AddressCard.tsx:74

Display Set Default button

Default​

true

graphqlClient?​

optional graphqlClient?: GraphQLClient

Defined in: components/AddressCard.tsx:29

GraphQL client for the Propeller SDK (only needed when editing)

inline?​

optional inline?: boolean

Defined in: components/AddressCard.tsx:117

When true, renders the form inline instead of in a modal overlay.

Default​

false

isNew?​

optional isNew?: boolean

Defined in: components/AddressCard.tsx:111

When true, renders in "new address" mode: auto-opens the edit form, hides the card body

labels?​

optional labels?: Record<string, string>

Defined in: components/AddressCard.tsx:129

Labels for form fields and buttons

onCancel?​

optional onCancel?: () => void

Defined in: components/AddressCard.tsx:114

Called when the form is cancelled in new mode

Returns​

void

onDelete?​

optional onDelete?: (addressId) => void

Defined in: components/AddressCard.tsx:93

Called when address is deleted; receives the address ID

Parameters​

addressId​

Address

Returns​

void

onEdit?​

optional onEdit?: (address) => void | Promise<void>

Defined in: components/AddressCard.tsx:87

Called when address is edited; receives the updated address object

Parameters​

address​

Address

Returns​

void | Promise<void>

onSetDefault?​

optional onSetDefault?: (address) => void

Defined in: components/AddressCard.tsx:99

Called when address is set as default

Parameters​

address​

Address

Returns​

void

showCity?​

optional showCity?: boolean

Defined in: components/AddressCard.tsx:53

Display city

Default​

true

showCompanyName?​

optional showCompanyName?: boolean

Defined in: components/AddressCard.tsx:35

Display company name

Default​

true

showCountry?​

optional showCountry?: boolean

Defined in: components/AddressCard.tsx:56

Display country name

Default​

true

showDefaultBadge?​

optional showDefaultBadge?: boolean

Defined in: components/AddressCard.tsx:77

Display the "Default ... Address" badge

Default​

false

showEmail?​

optional showEmail?: boolean

Defined in: components/AddressCard.tsx:59

Display email

Default​

false

showFullName?​

optional showFullName?: boolean

Defined in: components/AddressCard.tsx:41

Display full name

Default​

true

showIcp?​

optional showIcp?: boolean

Defined in: components/AddressCard.tsx:123

Show ICP/ICS (intra-community supply) checkbox.

Default​

false

showNumberExtension?​

optional showNumberExtension?: boolean

Defined in: components/AddressCard.tsx:47

Display house number and extension

Default​

true

showPhone?​

optional showPhone?: boolean

Defined in: components/AddressCard.tsx:62

Display phone

Default​

false

showPostalCode?​

optional showPostalCode?: boolean

Defined in: components/AddressCard.tsx:50

Display postal code

Default​

true

showSalutation?​

optional showSalutation?: boolean

Defined in: components/AddressCard.tsx:38

Display salutation (Mr./Mrs.)

Default​

true

showStreet?​

optional showStreet?: boolean

Defined in: components/AddressCard.tsx:44

Display street

Default​

true

showTypeBadge?​

optional showTypeBadge?: boolean

Defined in: components/AddressCard.tsx:84

Display the address-type badge (invoice/delivery chip)

Default​

true. Set to false where the surrounding heading already names the address type, to avoid a redundant raw-looking chip.

title?​

optional title?: string

Defined in: components/AddressCard.tsx:126

Title for the form or section

user?​

optional user?: Contact | Customer | null

Defined in: components/AddressCard.tsx:135

The authenticated user (needed by useAddress for SDK operations)