db-overflow-menu.stories.mdx

import { Meta, Canvas } from '@storybook/addon-docs'; import Readme from './../readme.md';

import { mockData } from './../../db-link/stories/mockData.ts';

import { styled } from '@storybook/theming';

export const StyledCanvas = styled.div.docs-story { & > div:first-child { min-height: 300px; } };

<db-overflow-menu>

The <db-overflow-menu></db-overflow-menu> element represents a overflow menu.

There are 3 options to use <db-overflow-menu>:

overflow-menu with wrappers

Use <li> (list item) as a wrapper tag around each element.

Only <button> and <a> HTML tags work as items content.

Maybe you need this option to use framework specific listeners.

Modify

Delete

overflow-menu with <db-link>

Use with caution, you won't have reactivity on changed HTML after the initial load. Einstellungen Nachrichten

overflow-menu with data

overflow-menu with individual icon

If you'd like to define an individual icon for the button that toggles the overflow-menu, you could define it via the icon-attribute.

Modify

Delete

The data should be an object passed in with JSON.stringify()

export type DbLinkType = {
  href: string;
  label: string;
};