Guides
Using this reference
Find the right component, compare its examples, and take complete source into your project.
On this page
Find a component
Start with the visual component catalog. Category filters narrow the available pages while keeping a real preview beside each name. Open a component to see its examples, usage guidance, prop reference, and source revision.
Open Search in the header, or press Control K on Windows/Linux or Command K on macOS. Search for a name, category, alias such as “stats,” or a guide topic. Results identify the page and category; section results take you straight to the relevant heading.
Tab moves through search controls and result links. Arrow Down moves from the search field to results, and arrow keys move between results. Escape closes search and returns focus to where you opened it.
Compare examples
Choose a named example to change its preview and complete source together. The Preview and Code tabs work with the arrow keys, Home, and End. Descriptions explain the example’s purpose and identify illustrative data.
Fixed-size examples offer Fit to canvas and Actual size. Fitting scales the whole preview, including its text; it does not change the component’s props or make it responsive. Choose Actual size to inspect the authored dimensions, then focus the preview region to scroll horizontally on a small screen.
Copy complete source
Copy example copies the entire selected TSX file, including package imports, any data arrays, wrappers, and required client directive. The status beneath the example confirms success. If clipboard access fails, open Code and select its text manually.
Use the Consumer setup link beside an example before pasting it into an app. Browsing and copying are public; installing the private package requires repository access. Read the prop and layout guidance before replacing illustrative values with your own content.
Share a section
Click a section heading to put its permanent anchor in the address bar. Use Link to this example to share the selected presentation. These links open the corresponding page, heading, or example directly.
On smaller screens, expand Browse documentation for pages or On this page for section links. Escape closes a disclosure and returns focus to its summary. Previous and Next links follow the order of the available documentation.