Skip to content

DismissableCard properties

Summary


Props table


Parameter
Type
Default
() => void
() => {}
boolean
false
JSX.Element | string
/
JSX.Element | string
/
JSX.Element | string
/
boolean
/
boolean
/
boolean
/
JSX.Element | string
/
string
/
string
/
string
/
Record
/
Record
/
Record
/


Props list



onClose

Type
Default
() => void
() => {}


Callback triggered when the X icon is clicked



alwaysVisible

Type
Default
boolean
false


If true, the DismissableCard won't disappear if the X icon is clicked (can be hidden with hide shared prop)



Type
Default
JSX.Element | string
/


Card header content - extended from Card component



body

Type
Default
JSX.Element | string
/


Card body content - extended from Card component



Type
Default
JSX.Element | string
/


Card footer content - extended from Card component



noDivider

Type
Default
boolean
/


If true, hide all dividers - extended from Card component



noTopDivider

Type
Default
boolean
/


If true, hide the top divider, between header and body - extended from Card component



noBottomDivider

Type
Default
boolean
/


If true, hide the top divider, between body and footer - extended from Card component



children

Type
Default
JSX.Element | string
/


Card content - extended from Card component



headerClassName

Type
Default
string
/


Custom classname applied on the Card header - extended from Card component



bodyClassName

Type
Default
string
/


Custom classname applied on the Card body - extended from Card component



footerClassName

Type
Default
string
/


Custom classname applied on the Card footer - extended from Card component



headerProps

Type
Default
Record
/


Custom props applied on the Card header - extended from Card component



bodyProps

Type
Default
Record
/


Custom props applied on the Card body - extended from Card component



footerProps

Type
Default
Record
/


Custom props applied on the Card footer - extended from Card component