DÁP Design System - DÁP badge webcomponent

DÁP badge

This badge is a brand item showing that the frontend of the app uses the DÁP design system.

Examples

<dap-ds-stack>
<dap-ds-dap-badge>
</dap-ds-dap-badge>
<div style={{ backgroundColor: 'var(--dds-indigo-1000)', padding: 10 }}>
  <dap-ds-dap-badge inverted>
  </dap-ds-dap-badge>
</div>
</dap-ds-stack>

Importing

import { DapDSDAPBadge } from 'dap-design-system/dist/dds'

Importing React

import { DapDSDAPBadgeReact } from 'dap-design-system/dist/react'

Slots

Name	Description
`(default)`	Description of badge

Attributes

Property	Type	Default	Description
`inverted`	`boolean`	`false`	The type of the DÁP badge. Default is false. Can be false or true.

Events

No custom events available.

CSS Parts

Part Name	Description
`base`	Main badge container
`icon`	Badge icon
`text`	Badge text