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