mi6 / mi6/ic-design-system

Add code examples of setFocus method to components

Open
#1,069 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
MDX
Stars
79
Forks
52
Avg merge
18h 58m
Merged PRs (30d)
4

Description

## Summary

A number of components have a `setFocus()` method. However, there are no examples of how to use the method.

It would be good to add examples (with ability to launch in stackblitz)

- ic-accordion
- ic-accordion-group
- ic-breadcrumb
- ic-button
- ic-card
- ic-checkbox
- ic-chip
- ic-link
- ic-navigation-button
- ic-navigation-group
- ic-navigation-item
- ic-radio-option
- ic-search-bar
- ic-select
- ic-switch
- ic-tab
- ic-text-field

Need to decide if this should be done for every component that supports the method

## 💰 Use value

Helps developer understand how to interact with the components

Contributor guide

Open the contributing guide

Research direction

Use the listed components as the initial scope and verify which ones support setFocus(). Review the project's component-example and StackBlitz entry points, then add runnable examples for the agreed set. Done means each agreed example shows how to call setFocus() and can be launched in StackBlitz.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
documentation, frontend
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.