List

The cem list command provides a fast, flexible way to inspect your custom elements manifest.

Without any subcommands, cem list prints a table of all declarations in the manifest.

cem list

Flags

Example:

cem list --deprecated --format tree
cem list --package npm:@vaadin/button@24.3.5

Subcommands

tags

Lists all custom element tag names in the project.

Flags:

Available Columns: Name, Class, Module, Summary

Example:

cem list tags -c Class -c Module

modules

Lists all module paths in the project.

Flags:

Available Columns: Name, Path

Example:

cem list modules

attributes (aliases: attrs)

Lists all attributes for a given custom element.

Flags:

Available Columns: Name, DOM Property, Reflects, Summary

Example:

cem list attributes -t my-element -c "DOM Property"

slots

Lists all named and default slots for a tag.

Flags:

Available Columns: Name, Summary

Example:

cem list slots -t my-element

events

Lists all custom events fired by a tag.

Flags:

Available Columns: Name, Type, Summary

Example:

cem list events -t my-element

css-properties (aliases: css-props)

Lists CSS custom properties for a tag.

Flags:

Available Columns: Name, Syntax, Default, Summary

Example:

cem list css-properties -t my-element

css-states

Lists CSS custom states for a tag.

Flags:

Available Columns: Name, Summary

Example:

cem list css-states -t my-element

css-parts

Lists CSS shadow parts for a tag.

Flags:

Available Columns: Name, Summary

Example:

cem list css-parts -t my-element

methods

Lists methods for a tag’s class.

Flags:

Available Columns: Name, Return, Privacy, Summary

Example:

cem list methods -t my-element

demos

Lists all demos for a given custom element.

Flags:

Available Columns: URL, Description

Example:

cem list demos -t my-element