Latest News

Chris Manning digs into <diaglog>:

A dialog element provides:

• An element that is easy to show and hide, including an open boolean attribute on the element itself.
• Two versions: a standard popover or modal version.
• A ::backdrop pseudo-element for modal types.
• Built-in focus: see dialog focusing steps.
• ARIA role support (dialog is the implied default). Also accepts the alertdialog role.
• A pending stack for multiple dialogs.
• A DOM interface with the open boolean and methods show,

…

The post The dialog element appeared first on CSS-Tricks.

By default, communication between Vue components happen with the use of props. Props are properties that are passed from a parent component to a child component. For example, here’s a component where title is a prop:

<blog-post title="My journey with Vue"></blog-post>

Props are always passed from the parent component to the child component. As your application increases in complexity, you slowly hit what is called prop drilling here’s a relate article that is React-focused, but totally applies). Prop drilling is …

The post Using Event Bus to Share Props Between Vue Components appeared first on CSS-Tricks.