Skip to content

162 add loader color and background customization#164

Merged
Lipo11 merged 2 commits intobirdwingo:mainfrom
marceloams:162-add-loader-color-and-background-customization
Jul 9, 2025
Merged

162 add loader color and background customization#164
Lipo11 merged 2 commits intobirdwingo:mainfrom
marceloams:162-add-loader-color-and-background-customization

Conversation

@marceloams
Copy link
Copy Markdown
Contributor

Add loader color and background customization

Adds optional props to customize loader appearance with improved layering.

Changes

  • Added loaderColor and loaderBackgroundColor props
  • Hide loader with opacity animation when content loads
  • Fixed z-index layering for proper visibility

Usage

<InstagramStories 
  stories={stories}
  loaderColor="#FF0000"
  loaderBackgroundColor="rgba(0,0,0,0.5)"
/>

Note: I've noticed that the loader wasn't being displayed properly above content. Since the hiding state is now fixed, I've also updated the z-index values to show it properly above the content, while keeping the progress header showing as well.

Closes #162

@Lipo11 Lipo11 merged commit e4c392f into birdwingo:main Jul 9, 2025
@marceloams
Copy link
Copy Markdown
Contributor Author

Hey @Lipo11, I found a zIndex typo and noticed it should be in List.styles.ts container instead of Progress.styles.ts. Could I create a PR to fix this or open an issue first?

@Lipo11
Copy link
Copy Markdown
Contributor

Lipo11 commented Jul 16, 2025

feel free to create a PR :) thanks

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.

Add loader color and background customization

2 participants