-
Notifications
You must be signed in to change notification settings - Fork 107
refactor(ui-view,ui-flex): add examples on how to override sharedTokens, fix docs console errors #2382
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
base: v12
Are you sure you want to change the base?
Conversation
…ns, fix docs console errors
| </InstUISettingsProvider> | ||
| ``` | ||
|
|
||
| ### Overriding theme for a specific component in a subtree |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
these are handled as array keys, so if there is a duplicate like here React will emit an error
| legacy: { | ||
| radiusSmall: '2rem', // View border radius | ||
| }, | ||
| strokeWidth: { | ||
| sm: '1rem' // View border width | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These will likely change, I just wanted to make sure that the current state works
|
joyenjoyer
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice work
| <View focusWithin> | ||
| if the <code>focusWithin</code> prop is <code>true</code>, the View will display the focus ring if any of its descendants receives focus | ||
| <div tabindex="0" role="button" style={{outline: 'none'}}>Tab here to see the focus outline</div> | ||
| <div tabIndex="0" role="button" style={{outline: 'none'}}>Tab here to see the focus outline</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I shouldn't be capitalized in tabindex
|
|
||
| ### Theme overrides for focus rings, border radii, shadows, spacing | ||
|
|
||
| Certain visuals as now styled via a central object called `SharedTokens`. You can override this too, for example: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just a small grammatical thing: as OF now. At least I think so
To test: