@maggioli-design-system/mds-help NPM

mds-help

This component does not have shadow DOM enabled.

This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.

Properties

Property	Attribute	Description	Type	Default
`autoPlacement`	`auto-placement`	If set, the component will be placed automatically near it's caller.	`boolean \\| undefined`	`true`
`icon`	`icon`	Set the name of the icon.	`string \\| undefined`	`undefined`
`placement`	`placement`	Specifies where the component should be placed relative to the caller.	`"bottom" \\| "bottom-end" \\| "bottom-start" \\| "left" \\| "left-end" \\| "left-start" \\| "right" \\| "right-end" \\| "right-start" \\| "top" \\| "top-end" \\| "top-start" \\| undefined`	`'top'`

Slots

Slot	Description
`"default"`	Add `text string` to this slot, avoid `HTML elements` or `components`.

Shadow Parts

Part	Description
`"icon"`

Dependencies

Used by

mds-policy-ai

Depends on

Graph

graph TD;
  mds-help --> mds-icon
  mds-help --> mds-tooltip
  mds-tooltip --> mds-text
  mds-policy-ai --> mds-help
  style mds-help fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department

@maggioli-design-system/mds-icon @maggioli-design-system/mds-tooltip @maggioli-design-system/styles @stencil/core

@everything-registry/sub-chunk-570 @maggioli-design-system/mds-policy-ai

5 months ago

6 months ago

7 months ago

8 months ago