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	12px	Use as the subdued border radius for surfaces.
	Borders.Radius.Surface.Default	16px	Use as the default border radius for surfaces.
	Borders.Radius.Container.Subdued	8px	Use as the subdued border radius for containers.
	Borders.Radius.Container.Default	12px	Use as the default border radius for containers.
	Borders.Radius.Field.Subdued	4px	Use as the subdued border radius for fields.
	Borders.Radius.Field.Default	8px	Use as the default border radius for fields.
	Borders.Radius.Field.Emphasized	9999px	Use for rounded or pill-like shapes.