onfocusonfocus:onclick:
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Simple
Button-icons with the variant attribute omitted or set to the default value of border.
Button-icons with the variant attribute set to bare.
Button-icons with the variant attribute set to brand.
Button-icons with the variant attribute set to container.
Button-icons with the variant attribute set to border-filled.
Button-icons with the size attribute set to a valid value (xx-small, x-small, small, medium).
Button-icons with the size attribute set to a valid value (x-small, small, medium, large).
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Simple
Button-icons with the variant attribute omitted or set to the default value of border.
Button-icons with the variant attribute set to bare.
Button-icons with the variant attribute set to brand.
Button-icons with the variant attribute set to container.
Button-icons with the variant attribute set to border-filled.
Button-icons with the size attribute set to a valid value (xx-small, x-small, small, medium).
Button-icons with the size attribute set to a valid value (x-small, small, medium, large).
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Simple
Button-icons with the variant attribute omitted or set to the default value of border.
Button-icons with the variant attribute set to bare.
Button-icons with the variant attribute set to brand.
Button-icons with the variant attribute set to container.
Button-icons with the variant attribute set to border-filled.
Button-icons with the size attribute set to a valid value (xx-small, x-small, small, medium).
Button-icons with the size attribute set to a valid value (x-small, small, medium, large).
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Simple
Button-icons with the variant attribute omitted or set to the default value of border.
Button-icons with the variant attribute set to bare.
Button-icons with the variant attribute set to brand.
Button-icons with the variant attribute set to container.
Button-icons with the variant attribute set to border-filled.
Button-icons with the size attribute set to a valid value (xx-small, x-small, small, medium).
Button-icons with the size attribute set to a valid value (x-small, small, medium, large).
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Simple
Button-icons with the variant attribute omitted or set to the default value of border.
Button-icons with the variant attribute set to bare.
Button-icons with the variant attribute set to brand.
Button-icons with the variant attribute set to container.
Button-icons with the variant attribute set to border-filled.
Button-icons with the size attribute set to a valid value (xx-small, x-small, small, medium).
Button-icons with the size attribute set to a valid value (x-small, small, medium, large).
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Styling border / bare / bare-inverse / container
Styling Bare /bare-inverse / container Border
Styling border / bare / container / border-filled text color hover
Styling 5rem / 0.875rem / 0.625rem / 0.5rem / none / 0.25rem border radius
Styling 3px / 2px / 1px border size
Button-icons with the variant attribute set to border-inverse.
Button-icons with the variant attribute set to bare-inverse.
Simple