Module: ConsentSolution
Interfaces
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
Name | Type |
---|---|
inProps | ConsentSolutionProps |
Returns
JSX.Element
Defined in
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
Defined in
packages/react-ui/src/components/ConsentSolution/Skeleton.tsx:47