@material/focus NPM

Focus

This package contains focus-related utilities.

Focus rings

To add a focus ring to an element, ensure the following requirements:

The focus ring should be a child of the element which it is offset from.
The element which the focus ring is offset from should have a non-static position CSS value. This is because the focus ring has position: absolute and is then positioned relative to its container element.
The focus ring can be shown in Sass via focus-ring-theme.show-focus-ring().

See the following example:

<button class="mdc-button">
	<span>Click me!</span>
	<div class="mdc-focus-ring"></div>
</button>

.mdc-button {
  position: relative;
}

.mdc-focus-ring {
  @include focus-ring-theme.static-styles();
  @include focus-ring-theme.theme-styles(focus-ring-theme.$light-theme);
}

.mdc-button:focus-visible .mdc-focus-ring {
  @include focus-ring-theme.show-focus-ring();
}

material components material design focus focusring

@material/shape @material/theme @material/tokens

material-components-web @everything-registry/sub-chunk-584 @infinitebrahmanuniverse/nolb-_mate

15.0.0-canary.65c10a622.0

2 days ago

15.0.0-canary.311f29a60.0

4 days ago

15.0.0-canary.5bebc0064.0

16 days ago

15.0.0-canary.68edc03c6.0

19 days ago

15.0.0-canary.453a6248a.0

1 month ago

15.0.0-canary.819498d8c.0

1 month ago

15.0.0-canary.c43b3438b.0

2 months ago

15.0.0-canary.e50b478eb.0

3 months ago

15.0.0-canary.a0b8a90c0.0

3 months ago

15.0.0-canary.7f224ddd4.0

4 months ago

15.0.0-canary.8656bf0e0.0

5 months ago

15.0.0-canary.7a3942e7a.0

8 months ago

15.0.0-canary.c0d21ecc9.0

7 months ago

15.0.0-canary.2528c1c3b.0

7 months ago

15.0.0-canary.54feb3020.0

8 months ago

15.0.0-canary.22bf82024.0

7 months ago

15.0.0-canary.1728a6dcf.0

7 months ago

15.0.0-canary.c51a0bbcc.0

5 months ago

15.0.0-canary.872b65832.0

8 months ago

15.0.0-canary.6cda3ce8d.0

8 months ago

15.0.0-canary.9cec94097.0

6 months ago

15.0.0-canary.b05d9eb7c.0

10 months ago

15.0.0-canary.ebb636f3d.0

7 months ago

15.0.0-canary.a246a4439.0

7 months ago

15.0.0-canary.205b20b36.0

8 months ago

15.0.0-canary.3c44cd956.0

9 months ago

15.0.0-canary.89b2e4122.0

8 months ago

15.0.0-canary.0ad128337.0

6 months ago

15.0.0-canary.d153db62b.0

7 months ago

15.0.0-canary.d76666ad4.0

5 months ago

15.0.0-canary.bc9ae6c9c.0

9 months ago

15.0.0-canary.0c52adeab.0

10 months ago

15.0.0-canary.83355c322.0

10 months ago

15.0.0-canary.02702296e.0

8 months ago

15.0.0-canary.127a44b28.0

7 months ago

15.0.0-canary.2a9697dc5.0

10 months ago

15.0.0-canary.c64a2776e.0

10 months ago

15.0.0-canary.1fb4b1a06.0

10 months ago

15.0.0-canary.6081d829b.0

11 months ago

15.0.0-canary.19de312d8.0

11 months ago

15.0.0-canary.d3c3fbaa3.0

12 months ago

15.0.0-canary.aa5ac7fe5.0

11 months ago

15.0.0-canary.d0788120f.0

12 months ago

15.0.0-canary.b994146f6.0

11 months ago

15.0.0-canary.3b5b55e31.0

12 months ago

15.0.0-canary.4fe911371.0

11 months ago

15.0.0-canary.90291f2e2.0

11 months ago

15.0.0-canary.10b8563e4.0

12 months ago

15.0.0-canary.f52358dd0.0

12 months ago

15.0.0-canary.4e840d685.0

12 months ago

15.0.0-canary.576d3d2c8.0

12 months ago

15.0.0-canary.19bb36a46.0

12 months ago

15.0.0-canary.a9ff9866f.0

11 months ago

15.0.0-canary.5f01c15a2.0

12 months ago

15.0.0-canary.736b7fda4.0

12 months ago

15.0.0-canary.446734f27.0

11 months ago

15.0.0-canary.b26c34a68.0

11 months ago

15.0.0-canary.0e533c5a1.0

12 months ago

15.0.0-canary.bb6cd78d5.0

1 year ago

15.0.0-canary.5cb8e2174.0

1 year ago

15.0.0-canary.7cd925c12.0

1 year ago

15.0.0-canary.de5224633.0

1 year ago

15.0.0-canary.fff4066c6.0

1 year ago

15.0.0-canary.1bd317240.0

1 year ago

15.0.0-canary.419b23cc6.0

1 year ago

15.0.0-canary.ef754381c.0

1 year ago

15.0.0-canary.1c8013f4e.0

1 year ago

15.0.0-canary.55093ee1e.0

1 year ago

15.0.0-canary.8879557e6.0

1 year ago

15.0.0-canary.d250911f2.0

1 year ago

15.0.0-canary.5a5c38538.0

1 year ago

15.0.0-canary.51311e69e.0

1 year ago

15.0.0-canary.11f3d280e.0

1 year ago

15.0.0-canary.b90be86de.0

12 months ago

15.0.0-canary.f771b091c.0

1 year ago

15.0.0-canary.cedffb44c.0

1 year ago

15.0.0-canary.989ae2ecc.0

1 year ago

15.0.0-canary.89c66483a.0

1 year ago

15.0.0-canary.69ebf61ea.0

1 year ago

15.0.0-canary.ed7e82ded.0

1 year ago

15.0.0-canary.82554d770.0

1 year ago

15.0.0-canary.6b5ffccd9.0

1 year ago

15.0.0-canary.e4b5ea7eb.0

1 year ago

15.0.0-canary.6023b1cd3.0

1 year ago

15.0.0-canary.fa27ba61d.0

1 year ago

15.0.0-canary.7adf3af80.0

1 year ago

15.0.0-canary.36a4cba99.0

1 year ago

15.0.0-canary.48d30012d.0

1 year ago

15.0.0-canary.d96330c08.0

1 year ago

15.0.0-canary.23073a303.0

1 year ago

15.0.0-canary.b2ddacf73.0

1 year ago

15.0.0-canary.1175a5be0.0

1 year ago

15.0.0-canary.87809c710.0

1 year ago

15.0.0-canary.93fc524b7.0

1 year ago

15.0.0-canary.112715df5.0

1 year ago

15.0.0-canary.0c53abc81.0

1 year ago

15.0.0-canary.d441d2a2a.0

1 year ago

15.0.0-canary.304a94e8b.0

1 year ago

15.0.0-canary.6a85742c2.0

1 year ago

15.0.0-canary.f32339937.0

1 year ago

15.0.0-canary.ea2191426.0

1 year ago

15.0.0-canary.da22ca960.0

1 year ago

15.0.0-canary.39e473690.0

1 year ago

15.0.0-canary.5f94aa37d.0

1 year ago

15.0.0-canary.6f50071e5.0

1 year ago

15.0.0-canary.51c7d4014.0

1 year ago

15.0.0-canary.7644d63d5.0

1 year ago

15.0.0-canary.51f9c0c28.0

12 months ago

15.0.0-canary.901c83e77.0

1 year ago

15.0.0-canary.a094dd9c1.0

1 year ago

15.0.0-canary.b281a409a.0

1 year ago

15.0.0-canary.311ab4d4a.0

1 year ago

15.0.0-canary.79b1b612b.0

1 year ago

15.0.0-canary.113b1a38e.0

1 year ago

15.0.0-canary.bf86521f4.0

1 year ago

15.0.0-canary.6c265915c.0

1 year ago

15.0.0-canary.274610c77.0

1 year ago

15.0.0-canary.50be0fbae.0

1 year ago

15.0.0-canary.a274583b9.0

1 year ago

15.0.0-canary.c99cae77c.0

1 year ago

15.0.0-canary.d9f821042.0

1 year ago

15.0.0-canary.93416f87a.0

1 year ago

15.0.0-canary.eeebb8bba.0

1 year ago

15.0.0-canary.d6bea2ff2.0

1 year ago

15.0.0-canary.6fcd8d418.0

1 year ago

15.0.0-canary.a16dbd1a6.0

1 year ago

15.0.0-canary.de38de758.0

1 year ago

15.0.0-canary.066d9439b.0

1 year ago

15.0.0-canary.15b221540.0

1 year ago

15.0.0-canary.7ab32468c.0

1 year ago

15.0.0-canary.47c7deb19.0

1 year ago

15.0.0-canary.b177b40e2.0

1 year ago

15.0.0-canary.0c94182c8.0

1 year ago

15.0.0-canary.6a4b3f834.0

1 year ago

15.0.0-canary.4d62de70c.0

1 year ago

15.0.0-canary.49b8e7442.0

1 year ago

15.0.0-canary.21d1196a7.0

1 year ago

15.0.0-canary.94ad8d986.0

1 year ago

15.0.0-canary.3a1f46c66.0

1 year ago

15.0.0-canary.50e7a5312.0

1 year ago

15.0.0-canary.8c5675942.0

1 year ago

15.0.0-canary.278ad53d1.0

1 year ago

15.0.0-canary.4cf917476.0

1 year ago

15.0.0-canary.8a74f7c6d.0

1 year ago

15.0.0-canary.0f54fbb93.0

1 year ago

15.0.0-canary.b0103d10a.0

1 year ago

15.0.0-canary.1f99f3c50.0

1 year ago

15.0.0-canary.fabdcca3a.0

1 year ago

15.0.0-canary.af490a848.0

1 year ago

15.0.0-canary.fd95ca7ef.0

1 year ago

15.0.0-canary.bb7751002.0

1 year ago

15.0.0-canary.b5606a793.0

1 year ago

15.0.0-canary.5490e32e7.0

1 year ago

15.0.0-canary.1eb44faf9.0

1 year ago

15.0.0-canary.b6f8a06de.0

1 year ago

15.0.0-canary.8c0786d6f.0

1 year ago

15.0.0-canary.dd99c8764.0

1 year ago

15.0.0-canary.602fe8efa.0

1 year ago

15.0.0-canary.a911b386b.0

1 year ago

15.0.0-canary.953e689f3.0

1 year ago

15.0.0-canary.313a1326a.0

1 year ago

15.0.0-canary.a2ec49244.0

1 year ago

15.0.0-canary.a0ae73b0e.0

1 year ago

15.0.0-canary.9eaee7936.0

1 year ago

15.0.0-canary.1d37bf601.0

1 year ago

15.0.0-canary.e21dcb86d.0

1 year ago

15.0.0-canary.0163f3ba5.0

1 year ago

15.0.0-canary.a6e1c0702.0

1 year ago

15.0.0-canary.7c73f6134.0

1 year ago

15.0.0-canary.b5c13a7a8.0

1 year ago

15.0.0-canary.18b8f31e1.0

1 year ago

15.0.0-canary.20ab6f5a8.0

1 year ago

15.0.0-canary.8175d5eff.0

1 year ago

15.0.0-canary.3f667fac6.0

1 year ago

15.0.0-canary.a7d8389e1.0

1 year ago

15.0.0-canary.3a705fa1d.0

1 year ago

15.0.0-canary.c871fe61e.0

1 year ago

15.0.0-canary.d58410453.0

1 year ago

15.0.0-canary.f7f56fff7.0

1 year ago

15.0.0-canary.32d8a9648.0

1 year ago

15.0.0-canary.66c5cbb94.0

1 year ago

15.0.0-canary.56482dc2e.0

1 year ago

15.0.0-canary.d7a2277de.0

1 year ago

15.0.0-canary.16abb41ed.0

1 year ago

15.0.0-canary.f0a0bbc75.0

1 year ago

15.0.0-canary.697fbdebd.0

1 year ago

15.0.0-canary.f1e037150.0

1 year ago

15.0.0-canary.f43e0ceb5.0

1 year ago

15.0.0-canary.b836b9892.0

1 year ago

15.0.0-canary.817002c29.0

1 year ago

15.0.0-canary.4356e05c5.0

1 year ago

15.0.0-canary.3777b03cb.0

1 year ago

15.0.0-canary.a52be2d5e.0

1 year ago

15.0.0-canary.f476fdece.0

1 year ago

15.0.0-canary.05fb07f9f.0

1 year ago

15.0.0-canary.a5fe069d5.0

1 year ago

15.0.0-canary.a7458ba0b.0

1 year ago

15.0.0-canary.49041a6c3.0

1 year ago

15.0.0-canary.912f33ce4.0

1 year ago

15.0.0-canary.5e5c2afc0.0

1 year ago

15.0.0-canary.684e33d25.0

1 year ago

15.0.0-canary.ece3e8d21.0

1 year ago

15.0.0-canary.96f472604.0

1 year ago

15.0.0-canary.0e89aab6b.0

1 year ago

15.0.0-canary.a86d36fd2.0

1 year ago

15.0.0-canary.199fe2a2a.0

1 year ago

15.0.0-canary.43f5323bc.0

1 year ago

15.0.0-canary.323904a9f.0

1 year ago

15.0.0-canary.cfd69490f.0

1 year ago

15.0.0-canary.604264203.0

1 year ago

15.0.0-canary.86bde5c06.0

1 year ago

15.0.0-canary.16fbd30ff.0

1 year ago

15.0.0-canary.168a629a4.0

1 year ago

15.0.0-canary.a868c7866.0

1 year ago

15.0.0-canary.8d2d8d3c4.0

1 year ago

15.0.0-canary.63aca9af6.0

1 year ago

15.0.0-canary.68aaed940.0

1 year ago

15.0.0-canary.faa28c1c5.0

1 year ago

15.0.0-canary.adcdb7db9.0

1 year ago

15.0.0-canary.a8d47f9fe.0

1 year ago

15.0.0-canary.6faa29fe9.0

1 year ago

15.0.0-canary.65c411674.0

1 year ago

15.0.0-canary.40b18d043.0

1 year ago

15.0.0-canary.ce8b5326f.0

1 year ago

15.0.0-canary.b01136063.0

1 year ago

15.0.0-canary.2d26722d2.0

1 year ago

15.0.0-canary.7971d6ad5.0

1 year ago

15.0.0-canary.558c2be62.0

1 year ago

15.0.0-canary.4ac393164.0

1 year ago

15.0.0-canary.eaa0c3a86.0

1 year ago

15.0.0-canary.e38ba17c5.0

1 year ago

15.0.0-canary.85bcff6af.0

1 year ago

15.0.0-canary.9af09b967.0

1 year ago

15.0.0-canary.7c35e5036.0

1 year ago

15.0.0-canary.c492898c2.0

1 year ago

15.0.0-canary.fc6ee6c32.0

1 year ago

15.0.0-canary.01da0cabb.0

1 year ago

15.0.0-canary.b4687fdc1.0

1 year ago

15.0.0-canary.a69c14e10.0

1 year ago

15.0.0-canary.66a1e75e6.0

1 year ago

15.0.0-canary.7cf487c98.0

1 year ago

15.0.0-canary.202823f54.0

1 year ago

15.0.0-canary.03618ab70.0

1 year ago

15.0.0-canary.79a613bbd.0

1 year ago

15.0.0-canary.b9806f623.0

1 year ago

15.0.0-canary.cb605f8af.0

1 year ago

15.0.0-canary.6048fb563.0

1 year ago

15.0.0-canary.033ae083a.0

1 year ago

15.0.0-canary.34767110.0

1 year ago

15.0.0-canary.e8912fd37.0

1 year ago

15.0.0-canary.067af7eff.0

1 year ago

15.0.0-canary.1e1b1c369.0

1 year ago

15.0.0-canary.2aa8050b4.0

1 year ago

15.0.0-canary.eef14bd32.0

1 year ago

15.0.0-canary.73537ab0f.0

1 year ago

15.0.0-canary.50c9f550e.0

1 year ago

15.0.0-canary.3e3f43359.0

1 year ago

15.0.0-canary.215506426.0

1 year ago

15.0.0-canary.4832e2750.0

1 year ago

15.0.0-canary.da95e2a05.0

1 year ago

15.0.0-canary.7f17127d5.0

1 year ago

15.0.0-canary.909b48215.0

1 year ago

15.0.0-canary.58733ef41.0

1 year ago

15.0.0-canary.af5f01223.0

1 year ago

15.0.0-canary.eb103d4b5.0

1 year ago

15.0.0-canary.357f2e5f1.0

1 year ago

15.0.0-canary.73ca9dbb0.0

1 year ago

15.0.0-canary.ecfee946f.0

2 years ago

15.0.0-canary.2c1a8f8fd.0

2 years ago

15.0.0-canary.e340b04c5.0

2 years ago

15.0.0-canary.fc539db34.0

2 years ago

15.0.0-canary.ab55c07d2.0

2 years ago

15.0.0-canary.e74b7ba7e.0

2 years ago

15.0.0-canary.98f1b54e2.0

2 years ago

15.0.0-canary.ee40081f4.0

2 years ago

15.0.0-canary.982bedae9.0

2 years ago

15.0.0-canary.cc804509a.0

2 years ago

15.0.0-canary.92b2556cf.0

2 years ago

15.0.0-canary.bacda4885.0

2 years ago

15.0.0-canary.c8bdf6144.0

2 years ago

15.0.0-canary.024ac5f16.0

2 years ago

15.0.0-canary.edf4b98d0.0

2 years ago

15.0.0-canary.587d8f871.0

2 years ago