Ring Width

Use ring or ring-{N} utilities like ring-2 and ring-4 to add a ring around an element. The default ring width is 1px and any non-negative integer is accepted.

Adding a ring

Style('ring ...', child: Text('Subscribe'))
Style('ring-2 ...', child: Text('Subscribe'))
Style('ring-4 ...', child: Text('Subscribe'))

By default rings match the currentColor of the element they are applied to.

Class reference

Class	Value
ring	1px
ring-0	0px
ring-1	1px
ring-2	2px
ring-4	4px
ring-8	8px
ring-{N}	Npx (any non-negative integer)