Omlet Docs
BlogChangelogAsk the CommunityContact Sales
  • Get started
    • What is Omlet?
    • CLI & Dashboard
  • Omlet for VS Code
  • CLI & Dashboard
    • CLI
      • Your first scan
      • Set up your dashbard
      • Future scans
      • Ensure data accuracy
      • Config file
        • Exports configuration
        • Mapping aliases
        • Excluding certain components & files
        • Tutorial: Config file
      • Custom component properties
        • CLI hooks
        • Tutorial 1: Team/code owner usage
        • Tutorial 2: Package version tracking
        • Other example scripts
      • Set up regular scans
      • CLI commands
        • init
        • analyze
        • login
    • Analytics
      • Popular charts
      • Create custom charts
      • Save charts to dashboard
      • Share charts and dashboards with your team
      • Download chart data
    • Components
      • Search and filter components
      • Component tags
      • Dependency Tree
      • Props tracking
    • Workspace & Account
      • Invite team members
      • Renaming projects
      • Update your email address
      • Access your billing details & invoices
  • Security
    • Security in Omlet
    • Data collection
  • Help
    • Pricing
    • FAQs
      • How detection works?
      • Monorepo support
      • How to delete scans?
      • Omlet vs. React Scanner
      • Working with multiple workspaces
    • Troubleshooting
      • Debugging CLI issues
      • Some components aren't detected
      • API failed or timeout
      • Are you behind a proxy?
      • Troubleshooting Git errors
Powered by GitBook
On this page
  • View prop usages
  • [not set] values
  • Dynamic values
  • Unused component props
  1. CLI & Dashboard
  2. Components

Props tracking

Learn more about Props tracking in Omlet.

PreviousDependency TreeNextWorkspace & Account

Last updated 8 months ago

Omlet helps you track the usage numbers for each prop of a component and what values are being sent to those props.

The Props tracking gives your team insights to make decisions on what to add, remove, or adjust in your design system. Let's say you have some unused props or props with low usage — great candidates to deprecate. You can also catch unusual values used in a prop to uncover unmet use cases.

View prop usages

To list a component's props, click the "Props" tab from the "Component Detail" page. You can click on a prop to drill down its variables and select the "List usages" button. This will show you where and how the variables of that prop are used in your codebase.

To list the usage details for a specific variable, you can directly click on that variable.

[not set] values

[not set] values refer to the component usages where the specified value is not set. If you open the details, Omlet will list the component usages that this value is not set.

Dynamic values

Variables and values with non-primitive types are listed as "dynamic". From the Prop details, you can still see where they're used in your codebase.

Unused component props

Under the Popular Charts page, Omlet displays unused component props that can be removed to simplify code and reduce maintenance overhead. Learn more:

Popular charts