Components Manifest

Tip: You are using react-docgen (the default). Generation took 0.0s. For higher quality prop types, consider switching to react-docgen-typescript in your main.ts:

typescript: {
  reactDocgen: 'react-docgen-typescript',
}

Note: react-docgen-typescript can be slower. If performance is acceptable for your project, it generally produces better results. Learn more

Unattached Docs

Documentation/Changelog

view content

documentation-changelog--docs · ./.storybook/components/system-docs/Changelog-Documentation.mdx

# Changelog Please check the CHANGELOG.md file in the project root for version history and...

import { Meta, Markdown } from '@storybook/addon-docs/blocks';

<Meta title="Documentation/Changelog"/>

# Changelog

Please check the CHANGELOG.md file in the project root for version history and updates.

Documentation/Code Guidelines

view content

documentation-code-guidelines--docs · ./.storybook/components/system-docs/Code-Guidelines.mdx

# Code Guidelines Please check the docs/CODE_GUIDELINES.md file for coding standards and b...

import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Documentation/Code Guidelines"/>

# Code Guidelines

Please check the docs/CODE_GUIDELINES.md file for coding standards and best practices.

Documentation/Contributing

view content

documentation-contributing--docs · ./.storybook/components/system-docs/Contributing-Guidelines.mdx

# Contributing Guidelines Please check the CONTRIBUTING.md file in the project root for co...

import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Documentation/Contributing"/>

# Contributing Guidelines

Please check the CONTRIBUTING.md file in the project root for contributing guidelines and development setup instructions.

Documentation/cre8 Design Tokens

view content

documentation-cre8-design-tokens--docs · ./.storybook/components/system-docs/Tokens-Documentation.mdx

# cre8 Design Tokens Design Tokens are a powerful concept in design systems that help ensu...

import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Documentation/cre8 Design Tokens"/>

# cre8 Design Tokens

Design Tokens are a powerful concept in design systems that help ensure consistency and flexibility across various platforms and products. They serve as the atomic units of design and code, containing values like colors, typography, spacing, and more. By centralizing these values, teams can maintain a cohesive visual identity.

cre8 manages its design tokens with a separate package, `@cre8/cre8-design-tokens`, and consumes these for its component usage.

For full details regarding existing tokens, token construction, and more please refer to the cre8 Design Token Storybook in the left sidebar or visit the cre8 Design Tokens Storybook directly.