@maggioli-design-system/mds-url-view

mds-url-view

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 JavaScirpt framework you are using.

Properties

Property	Attribute	Description	Type	Default
domain (required)	domain	Specifies if domain is visible on header	boolean	undefined
loading	loading	Specifies whether a browser should load an iframe immediately or to defer loading of images until some conditions are met.	"eager" | "lazy" | undefined	'lazy'
src (required)	src	Specifies the URL to the web page	string	undefined

Events

Event	Description	Type
mdsUrlViewClose	Emits when the url view is closed	CustomEvent<void>

CSS Custom Properties

Name	Description
--mds-url-view-background	Sets the background-color of the component
--mds-url-view-color	Sets the text color of the component
--mds-url-view-radius	Sets the border-radius of the component
--mds-url-view-shadow	Sets the box-shadow of the component

Dependencies

Depends on

• mds-text
• mds-button

Graph

graph TD;
  mds-url-view --> mds-text
  mds-url-view --> mds-button
  mds-button --> mds-spinner
  mds-button --> mds-icon
  mds-button --> mds-text
  style mds-url-view fill:#f9f,stroke:#333,stroke-width:4px

---

Built with love @ Gruppo Maggioli from R&D Department