1.2.2 • Published 10 months ago
@dpa-id-components/dpa-id-appswitcher-react v1.2.2
DPA-ID Appswitcher react component
React wrapper for the DPA ID Appswitcher.
Install
To add the package to your project run
npm install @dpa-id-components/dpa-id-appswitcher-reactUsage
You can import the component like any other react component.
import React, { useState } from 'react';
import { DpaIdAppswitcher, defineCustomElements } from '@dpa-id-components/dpa-id-appswitcher-react';
defineCustomElements();
function Example() {
return (
<div>
<DpaIdAppswitcher></DpaIdAppswitcher>
</div>
);
}Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
arrowDistanceRight | arrow-distance-right | Distance of the arrow from the right border | string | '1rem' |
backgroundColor | background-color | Color of the background | string | '#fff' |
fontColor | font-color | Color of the font | string | 'rgb(33, 33, 33)' |
iconColor | icon-color | Color of the icon | string | 'rgb(33, 33, 33)' |
outerSize | outer-size | Inner size of the icon | number | 24 |
overlayRight | overlay-right | Distance of the overlay from the right border of the wrapper | string | '0' |
overlayTop | overlay-top | Distance of the overlay from the bottom border of the wrapper | string | '30px' |