Skip to content
Codex
Direction:
Main NavigationGitHub
Return to top
Sidebar Navigation

Introduction

AboutUsagePackages

Contributing

GuidelinesDesigning componentsContributing codeWorking with TypeScript

Components

ButtonButtonGroupCardCheckboxComboboxIconLookupMenuMenuItemMessageProgressBarRadioSearchInputSelectTabTabsTextInputThumbnailToggleButtonToggleButtonGroupToggleSwitchTypeaheadSearch

Icons

OverviewList of all iconsAdding new icons

Design Tokens

OverviewAnimationBorderBox-shadowBox-sizingBreakpointColorCursorFontOpacityOutlinePaddingPositionSizeSpacingTransitionZ-Index

Decisions – ADRs

OverviewADR 1 - Design TokensADR 2 - Demo toolADR 3 - String types in TypeScript

Outline #

NameValue
outline-base--focus1px solid transparent

Defined in src/codex-base.json

Refers to size.absolute.6

Refers to border-style.100

Refers to color.transparent

Enable Windows high contrast mode on certain widgets, that have default outlines overridden.

Previous pageOpacity
Next pagePadding