Skip to main content

ConsentSolution

Interfaces

ConsentSolutionProps

Extends

  • Pick<DialogProps, Exclude<keyof DialogProps, "open">>

Indexable

[p: string]: any

Properties

PropertyTypeDescriptionOverrides
className?stringOverrides or extends the styles applied to the component.

Default
null
Pick.className
legalPolicies?string[]Filter policies-
onDeleteAccount?(user?: SCUserType) => voidCallback when delete account rejecting policy document-
onLogout?() => voidCallback when logout rejecting policy document-
open?booleanOpen 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 NameGlobal classDescription
root.SCConsentSolution-rootStyles applied to the root element.
title.SCConsentSolution-titleStyles applied to the title element.
titleBack.SCConsentSolution-title-backStyles applied to the title with the back button element.
content.SCConsentSolution-contentStyles applied to the content element section.
consent.SCConsentSolution-consentStyles applied to the consent element section.
consentSwitch.SCConsentSolution-consent-switchStyles applied to the switch element.
alertAcceptDocument.SCConsentSolution-alert-accept-documentStyles applied to the alert box in the consent section.
actions.SCConsentSolution-actionsStyles applied to the actions section.
backButton.SCConsentSolution-back-buttonStyles applied to the back button in the title and action sections.
nextButton.SCConsentSolution-next-buttonStyles applied to the next button in the actions section.
closeButton.SCConsentSolution-close-buttonStyles applied to the close button in the actions section.
confirmDeleteAccountButton.SCConsentSolution-confirm-delete-account-buttonStyles applied to the confirm delete account button in the rejection section.
logoutAccountButton.SCConsentSolution-logout-account-buttonStyles applied to the exit account button in the rejection section.
deleteAccountButton.SCConsentSolution-delete-account-buttonStyles applied to the delete account button in the rejection section.
dataPortability.SCConsentSolution-data-portabilityStyles applied to the data portability component in the rejection section.
dataPortabilityCheck.SCConsentSolution-data-portability-checkStyles applied to the checkbox in the rejection section.

Parameters

ParameterTypeDescription
inPropsConsentSolutionProps

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 NameGlobal classDescription
root.SCConsentSolution-skeleton-rootStyles applied to the root element.
title.SCConsentSolution-titleStyles applied to the title element.
content.SCConsentSolution-contentStyles applied to the content element.
consent.SCConsentSolution-consentStyles applied to the consent element.
consentSwitch.SCConsentSolution-consent-switchStyles applied to the switch skeleton element.
actions.SCConsentSolution-actionsStyles applied to the actions section.

Returns

JSX.Element

Source

packages/react-ui/src/components/ConsentSolution/Skeleton.tsx:47