ConsentSolution
Interfaces
ConsentSolutionProps
Extends
Pick<DialogProps,Exclude<keyofDialogProps,"open">>
Indexable
[p: string]: any
Properties
| Property | Type | Description | Overrides |
|---|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null | Pick.className |
legalPolicies? | string[] | Filter policies | - |
onDeleteAccount? | (user?: SCUserType) => void | Callback when delete account rejecting policy document | - |
onLogout? | () => void | Callback when logout rejecting policy document | - |
open? | boolean | Open dialog Default true | - |
Functions
ConsentSolution()
ConsentSolution(
inProps):JSX.Element
API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
Import
import {ConsentSolution} from '@selfcommunity/react-ui';
Component Name
The name SCConsentSolution can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCConsentSolution-root | Styles applied to the root element. |
| title | .SCConsentSolution-title | Styles applied to the title element. |
| titleBack | .SCConsentSolution-title-back | Styles applied to the title with the back button element. |
| content | .SCConsentSolution-content | Styles applied to the content element section. |
| consent | .SCConsentSolution-consent | Styles applied to the consent element section. |
| consentSwitch | .SCConsentSolution-consent-switch | Styles applied to the switch element. |
| alertAcceptDocument | .SCConsentSolution-alert-accept-document | Styles applied to the alert box in the consent section. |
| actions | .SCConsentSolution-actions | Styles applied to the actions section. |
| backButton | .SCConsentSolution-back-button | Styles applied to the back button in the title and action sections. |
| nextButton | .SCConsentSolution-next-button | Styles applied to the next button in the actions section. |
| closeButton | .SCConsentSolution-close-button | Styles applied to the close button in the actions section. |
| confirmDeleteAccountButton | .SCConsentSolution-confirm-delete-account-button | Styles applied to the confirm delete account button in the rejection section. |
| logoutAccountButton | .SCConsentSolution-logout-account-button | Styles applied to the exit account button in the rejection section. |
| deleteAccountButton | .SCConsentSolution-delete-account-button | Styles applied to the delete account button in the rejection section. |
| dataPortability | .SCConsentSolution-data-portability | Styles applied to the data portability component in the rejection section. |
| dataPortabilityCheck | .SCConsentSolution-data-portability-check | Styles applied to the checkbox in the rejection section. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | ConsentSolutionProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/ConsentSolution/ConsentSolution.tsx:153
ConsentSolutionSkeleton()
ConsentSolutionSkeleton():
JSX.Element
API documentation for the Community-JS ConsentSolution Skeleton component. Learn about the available props and the CSS API.
Import
import {ConsentSolutionSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCConsentSolution-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCConsentSolution-skeleton-root | Styles applied to the root element. |
| title | .SCConsentSolution-title | Styles applied to the title element. |
| content | .SCConsentSolution-content | Styles applied to the content element. |
| consent | .SCConsentSolution-consent | Styles applied to the consent element. |
| consentSwitch | .SCConsentSolution-consent-switch | Styles applied to the switch skeleton element. |
| actions | .SCConsentSolution-actions | Styles applied to the actions section. |
Returns
JSX.Element
Source
packages/react-ui/src/components/ConsentSolution/Skeleton.tsx:47