@dpa-id-components/dpa-id-appswitcher-react

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-react

Usage

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'