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

Nimble spinner spec #837

Merged
merged 13 commits into from
Dec 13, 2022
Merged

Nimble spinner spec #837

merged 13 commits into from
Dec 13, 2022

Conversation

msmithNI
Copy link
Contributor

Pull Request

🀨 Rationale

Creating spec for spinner component.
Also see #346

πŸ‘©β€πŸ’» Implementation

Based on 'custom component' template. Deriving from the FAST progress-ring is an option but not currently planned for this spinner (see spec).

πŸ§ͺ Testing

N/A

βœ… Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

@msmithNI msmithNI merged commit d80556a into main Dec 13, 2022
@msmithNI msmithNI deleted the spinner-spec branch December 13, 2022 04:36
@msmithNI msmithNI mentioned this pull request Dec 14, 2022
1 task
@nate-ni nate-ni mentioned this pull request Dec 14, 2022
10 tasks
msmithNI added a commit that referenced this pull request Dec 16, 2022
# Pull Request

## 🀨 Rationale

Fixes #346 

**Note on spinner sizes:** Brandon added [additional sizes in the XD
design
doc](https://xd.adobe.com/view/33ffad4a-eb2c-4241-b8c5-ebfff1faf6f6-66ac/screen/dece308f-79e7-48ec-ab41-011f3376b49b/specs/).
However, after some more discussion we're not adding a `size` attribute
with these specific sizes for now, the component will scale to the
width/height it's given (via CSS styles). Default is 16x16. The
additional sizes are described in Storybook on the Spinner's doc page.
See PR discussion/comments for more info.

(Angular/Blazor integration will be a followup PR)

## πŸ‘©β€πŸ’» Implementation

See [the spec and its
PR/discussion](#837) for implementation
details.
Simple element (no attributes/properties), mostly CSS animations,
including a simplified `prefers-reduced-motion` animation.

## πŸ§ͺ Testing

Tested locally, with + without OS animations (to test
prefers-reduced-motion).
Added autotests + Storybook stories.

## βœ… Checklist

- [ ] I have updated the project documentation to reflect my changes or
determined no changes are needed.
- Component table will be updated with the next PR (Angular/Blazor
integration)
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.

6 participants