Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .storybook/preview-head.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<title>@egdev6 Design System</title>
<link rel="icon" href="/images/favicon.svg" type="image/svg+xml">
<link href="/assets/preview.css" rel="stylesheet">
<link href="../src/styles/global.css" rel="stylesheet">
52 changes: 20 additions & 32 deletions src/stories/Design system/0-Welcome.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,36 +22,24 @@ import { Meta } from '@storybook/blocks';
}}>
<h2 style={{ color: '#FF0F34', fontSize: '1.5rem', marginBottom: '1rem' }}>🚀 Welcome to my Design System</h2>

<p>
📦 <strong>This is a collection of components, styles, and guidelines</strong> that I use to build consistent and reusable user interfaces.
It includes everything from typography and colors to buttons and form elements.
</p>

<p>
⚙️ The design system is built with <strong>React</strong> and <strong>Tailwind CSS</strong>, and is designed to be easy to use and customize.
You can use it in your own projects by installing the package, customizing the theme and importing only the components you need.
</p>

<p>
🤝 You can also <strong>contribute</strong> to the design system by submitting pull requests or opening issues on the GitHub repository.
If you have any questions or feedback, feel free to reach out to me on
<a href="https://github.com/egdev6/design-system/issues" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>GitHub</a> or <a href="https://www.linkedin.com/in/egdev/" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>Linkedin</a>.
</p>

<p>
🚧 <strong>Note:</strong> This design system is a work in progress and will continue to evolve over time.
Check back often for updates and new components!
</p>

<p>
📄 <strong>License:</strong> This design system is licensed under the
<a href="https://opensource.org/license/mit/" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>MIT License</a>.
Feel free to use it in your own projects — just make sure to give credit where credit is due.
</p>

<p>
⭐️ If you like this design system, please consider giving it a star on
<a href="https://github.com/egdev6/design-system" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>GitHub</a>!
Your support helps me continue to improve and maintain the project. Thank you!
</p>
📦 <strong>This is a collection of components, styles, and guidelines</strong> that I use to build consistent and reusable user interfaces.
It includes everything from typography and colors to buttons and form elements.

⚙️ The design system is built with <strong>React</strong> and <strong>Tailwind CSS</strong>, and is designed to be easy to use and customize.
You can use it in your own projects by installing the package, customizing the theme and importing only the components you need.

🤝 You can also <strong>contribute</strong> to the design system by submitting pull requests or opening issues on the GitHub repository.
If you have any questions or feedback, feel free to reach out to me on
<a href="https://github.com/egdev6/design-system/issues" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>GitHub</a> or <a href="https://www.linkedin.com/in/egdev/" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>Linkedin</a>.

🚧 <strong>Note:</strong> This design system is a work in progress and will continue to evolve over time.
Check back often for updates and new components!

📄 <strong>License:</strong> This design system is licensed under the
<a href="https://opensource.org/license/mit/" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>MIT License</a>.
Feel free to use it in your own projects — just make sure to give credit where credit is due.

⭐️ If you like this design system, please consider giving it a star on
<a href="https://github.com/egdev6/design-system" target="_blank" rel="noopener noreferrer" style={{ color: '#FF0F34', textDecoration: 'underline' }}>GitHub</a>!
Your support helps me continue to improve and maintain the project. Thank you!
</div>
Loading