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
FlagDescription
--package, -pDeno-style package specifier (e.g., npm:@scope/package@^1.2.3) or path to a package directory.
--formatSet the output format. Can be table or tree. Default: table.
--deprecatedOnly show deprecated items.

Example:

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

Lists all custom element tag names in the project.

Flags:

FlagDescription
--columns, -cSpecify which columns to include.

Available Columns: Name, Class, Module, Summary

Example:

cem list tags -c Class -c Module

Lists all module paths in the project.

Flags:

FlagDescription
--columns, -cSpecify which columns to include.

Available Columns: Name, Path

Example:

cem list modules

Lists all attributes for a given custom element.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, DOM Property, Reflects, Summary

Example:

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

Lists all named and default slots for a tag.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Summary

Example:

cem list slots -t my-element

Lists all custom events fired by a tag.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Type, Summary

Example:

cem list events -t my-element

Lists CSS custom properties for a tag.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Syntax, Default, Summary

Example:

cem list css-properties -t my-element

Lists CSS custom states for a tag.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Summary

Example:

cem list css-states -t my-element

Lists CSS shadow parts for a tag.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Summary

Example:

cem list css-parts -t my-element

Lists methods for a tag’s class.

Flags:

FlagDescription
--tag-name, -t(Required) The tag name of the element to inspect.
--columns, -cSpecify which columns to include.

Available Columns: Name, Return, Privacy, Summary

Example:

cem list methods -t my-element