feat: updated storybook stories

[speaker-ender]

Ticket []

Description Of Changes

Adding more storybook stories to fidesui with the following goals:

• Documenting the current state of components exported from fidesui
• Allowing chromatic to catch visual changes when updating components in fidesui
• Enabling discoverability and configuration of components in storybook before using in production applications
• Make default component props more visible so that gaps can be filled in and improve DX

Implementation notes:

• All components tested in stories are imported from the index.tsx file when possible. The reason is that we want to represent components in the same way that a user of the package would see.
• Primary stories are for showing the default state and the minimum required arguments for displaying the component. They are also for allowing configuration of the component in storybook via controls.
• Non-Primary stories are for static visual examples. Configuration through controls are discouraged and the goal is static representations.
• Types in stories should be derived from the available components/types in fidesui. We want to avoid relying on internal ant types/code as much as possible to avoid extra work.

This also adds the a11y plugin to storybook for more comprehensive accessibility testing.

Note: this is a work in progress and there will need to be further refinements made to stories on an ongoing basis

Code Changes

Steps to Confirm

1. Confirm that storybook builds and runs without issue
2. Verify that there are no broken stories
3. Verify that all components tested are imported from index instead of directly from ant
4. Verify that styles are being inherited from fidesui and aren't using ant defaults

Pre-Merge Checklist

• Issue requirements met
• All CI pipelines succeeded
• CHANGELOG.md updated
  • Add a db-migration This indicates that a change includes a database migration label to the entry if your change includes a DB migration
  • Add a high-risk This issue suggests changes that have a high-probability of breaking existing code label to the entry if your change includes a high-risk change (i.e. potential for performance impact or unexpected regression) that should be flagged
  • Updates unreleased work already in Changelog, no new entry necessary
• UX feedback:
  • All UX related changes have been reviewed by a designer
  • No UX review needed
• Followup issues:
  • Followup issues created
  • No followup issues
• Database migrations:
  • Ensure that your downrev is up to date with the latest revision on main
  • Ensure that your downgrade() migration is correct and works
    • If a downgrade migration is not possible for this change, please call this out in the PR description!
  • No migrations
• Documentation:
  • Documentation complete, PR opened in fidesdocs
  • Documentation issue created in fidesdocs
  • If there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
  • No documentation updates required

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
fides-plus-nightly	Ignored	Preview	Mar 2, 2026 5:29pm
fides-privacy-center	Ignored		Mar 2, 2026 5:29pm

[greptile-apps]

Greptile Summary

This PR adds comprehensive Storybook stories for fidesui components to improve documentation, enable visual regression testing with Chromatic, and enhance component discoverability. The implementation includes the @storybook/addon-a11y addon for accessibility testing.

Key Changes:

• Added 30+ new story files covering typography, data entry, data display, feedback, and navigation components
• Created reusable content constants and control helpers in clients/fidesui/src/stories/utils/
• Configured story sorting in Storybook for better organization
• Updated existing stories to use shared utilities and follow consistent patterns

Issues Found:

• Empty dataIndex in Table Empty story should be "username"
• Paragraph.stories.tsx imports GetProps from antd instead of from fidesui index, violating the PR's stated goal of avoiding internal Ant Design types

Note on PR Size:
This PR includes 41 files, which exceeds the repository's guideline of 15 files per PR. However, given the nature of the work (adding individual story files for multiple components) and that this is documented as work in progress, this may be acceptable as a one-time exception for this Storybook documentation effort.

Confidence Score: 4/5

• This PR is safe to merge after fixing the empty dataIndex bug in Table.stories.tsx
• Score reflects one syntax error (empty dataIndex) that needs fixing, and one style inconsistency (import from antd). The PR adds documentation/testing infrastructure rather than production code, reducing risk. The large file count is justified by the nature of the work.
• Pay attention to clients/fidesui/src/components/data-display/Table.stories.tsx for the empty dataIndex fix

Important Files Changed

Filename	Overview
clients/fidesui/package.json	Added @storybook/addon-a11y dependency for accessibility testing
clients/fidesui/.storybook/main.ts	Configured a11y addon in Storybook setup
clients/fidesui/src/components/data-display/Table.stories.tsx	Added Table stories with default and empty states; Empty story has empty dataIndex that should be "username"
clients/fidesui/src/components/typography/Paragraph.stories.tsx	Added Paragraph typography stories; imports GetProps from antd instead of fidesui index
clients/fidesui/src/components/data-entry/Form.stories.tsx	Updated Form stories to use Select from index instead of CustomSelect, added validation examples
clients/fidesui/src/stories/utils/content.ts	Added shared content constants for stories (lorem text, menu names, dates)
clients/fidesui/src/stories/utils/controls.tsx	Added reusable icon control helper for Storybook

_{Last reviewed commit: b266c0c}

[greptile-apps]

_{41 files reviewed, 3 comments}

_{Edit Code Review Agent Settings | Greptile}

[kruulik]

Excellent! The storybook utilities are great.