Outline

Warning: Atomic outline classes mimic or remove default Stacks focus styles. They should only be applied when absolutely necessary.

Classes

Class	Output	Definition
`.outline-none`	`outline: 0;`	Removes the browser’s default focus style. To maintain accessibility, care should be taken to replace the style that’s been removed.
`.outline-ring`	`Standard Stacks focus style`	Standard Stacks focus style.

<div class="outline-none">…</div>
<div class="outline-ring">…</div>

.outline-none

.outline-ring