Skip to content

Conversation

@giamir
Copy link
Contributor

@giamir giamir commented Oct 24, 2025

SPARK-61

Figma

Here is what changed:

  • Stacks Classic: Made avatar border squared. Introduced .s-avatar--indicator class for positioning an activity indicator element in relation to the avatar. (docs)
  • Stacks Svelte: Introduced a new status prop. When set to online it will show an activity indicator on the avatar. (storybook)

Note: This PR should be merged after the activity indicator one get merged.

@changeset-bot
Copy link

changeset-bot bot commented Oct 24, 2025

🦋 Changeset detected

Latest commit: 5e72459

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for stacks-svelte ready!

Name Link
🔨 Latest commit fcd0204
🔍 Latest deploy log https://app.netlify.com/projects/stacks-svelte/deploys/690257d6b81ac800083bfe43
😎 Deploy Preview https://deploy-preview-2019--stacks-svelte.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 project configuration.

@netlify
Copy link

netlify bot commented Oct 24, 2025

Deploy Preview for stacks ready!

Name Link
🔨 Latest commit fcd0204
🔍 Latest deploy log https://app.netlify.com/projects/stacks/deploys/690257d6de772c00089fff8f
😎 Deploy Preview https://deploy-preview-2019--stacks.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 project configuration.

@giamir giamir changed the base branch from beta to SPARK-62/activity-indicator October 29, 2025 18:07
@giamir giamir marked this pull request as ready for review October 29, 2025 18:13
Copy link
Collaborator

@CGuindon CGuindon left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@dancormier dancormier left a comment

Choose a reason for hiding this comment

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

I keep going back and forth on the size of the indicator on the 24px avatar variant 😂. I think that means it's fine! Thanks for the thoughtfulness towards this component @giamir

LGTM (once activity indicator is merged and we make sure it plays nicely with this)!

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.

4 participants