Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: création d'une molecule Alert #1198

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

ggrossetie
Copy link
Collaborator

  • 4 types : warning, error, info et success
  • avec ou sans icone
  • message personnalisable

Au passage, simplifie la molecule Loading.
Configure la taille de l'icone par rapport à la taille du texte. Supprime la notion de inline et le padding autour du composant.

image

- 4 types : warning, error, info et success
- avec ou sans icone
- message personnalisable

Au passage, simplifie la molecule `Loading`.
Configure la taille de l'icone par rapport à la taille du texte.
Supprime la notion de `inline` et le padding autour du composant.
Copy link

netlify bot commented Jan 24, 2025

Deploy Preview for stylo-docs canceled.

Name Link
🔨 Latest commit 6530eaa
🔍 Latest deploy log https://app.netlify.com/sites/stylo-docs/deploys/67935f4de9de980008944647

Copy link

netlify bot commented Jan 24, 2025

Deploy Preview for stylo-dev ready!

Name Link
🔨 Latest commit 6530eaa
🔍 Latest deploy log https://app.netlify.com/sites/stylo-dev/deploys/67935f4deb78430008b46dc8
😎 Deploy Preview https://deploy-preview-1198--stylo-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@thom4parisot thom4parisot requested a review from maiwann January 24, 2025 09:59

function getIcon(type) {
if (type === 'success') {
return <CheckCircle color={'rgb(82, 196, 26)'} />
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@thom4parisot je n'aime pas trop le fait de déclarer une couleur dans le jsx mais je n'ai pas trouvé comment faire référence à une couleur à partir du scss. Et sauf erreur de ma part, je ne crois pas qu'on puisse changer la couleur via un className sur les icônes feather.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant