Borders

Borders provide style, width, and radius to the edges of an element.

import Borders from '@dynatrace/strato-design-tokens/borders';

Borders.Style

Sample	Token Name	Value	Description
	Borders.Style.Default	solid	Use as the default border style.
	Borders.Style.Dashed	dashed	Use to indicate interactive text.

Borders.Width

Sample	Token Name	Value	Description
	Borders.Width.Default	1px	Use as the default border width.
	Borders.Width.Emphasized	2px	Use to emphasize borders. This can be useful to clearly separate content.

Borders.Radius

Sample	Token Name	Value	Description
	Borders.Radius.Surface.Subdued	9px	Use as the subdued border radius for surfaces.
	Borders.Radius.Surface.Default	12px	Use as the default border radius for surfaces.
	Borders.Radius.Container.Subdued	6px	Use as the subdued border radius for containers.
	Borders.Radius.Container.Default	9px	Use as the default border radius for containers.
	Borders.Radius.Field.Subdued	3px	Use as the subdued border radius for fields.
	Borders.Radius.Field.Default	6px	Use as the default border radius for fields.
	Borders.Radius.Field.Emphasized	9999px	Use for rounded or pill-like shapes.