Conversation
| </InstUISettingsProvider> | ||
| ``` | ||
|
|
||
| ### Overriding theme for a specific component in a subtree |
There was a problem hiding this comment.
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.
These will likely change, I just wanted to make sure that the current state works
|
| <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.
I shouldn't be capitalized in tabindex
There was a problem hiding this comment.
it should because its JSX. autoComplete tells me its tabIndex, when I use lowercase i it results in an error: installHook.js:1 Warning: Invalid DOM property tabindex. Did you mean tabIndex?
Also others say this too, e.g. look here at the code https://www.dhiwise.com/post/the-ultimate-guide-to-using-tabindex-in-react-components
docs/guides/using-theme-overrides.md
Outdated
|
|
||
| ### 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.
Just a small grammatical thing: as OF now. At least I think so
…ns, fix docs console errors
matyasf
force-pushed
the
sharedToken_examples
branch
from
6004e6d to
a94f17a
Compare
3 participants
To test: