Skip to content

Main Navigation Home Packages Design System Scaffold Engine FlexUI Unity Packages Tools

Appearance

Sidebar Navigation

Design System

Introduction

Build Components

Build Tokens

Build Vue

Contents

Use

Design Tokens

Overview

Tokens

Tokens Animation

Tokens Borders

Tokens Colors

Tokens Display

Tokens Effects

Tokens Elevation

Tokens Flex

Tokens Forms

Tokens Gradients

Tokens Grids

Tokens Images

Tokens Interactions

Tokens Opacity

Tokens Reset

Tokens Responsive

Tokens Sizing

Tokens Spacing

Tokens Surfaces

Tokens Transforms

Tokens Transitions

Tokens Typography

CSS Components

Overview

Core

Avatars

Badges

Buttons

Calendar

Cards

Charts

Dropdowns

Graphs

Images

Inputs

Lists

Menus

Modals

Pagination

Progress

Responsive

Sliders

Spinners

Tables

Tabs

Terminal

Timeline

Toasts

Toggles

Uploads

Accordions

Alerts

Breadcrumbs

Carousels

Colors

Command

Datetime

Drawers

Forms

Hotspots

Markdown

Popovers

Selects

Steppers

Trees

Typography

Vue Components

Overview

Themes

Overview

🪄 Demo

On this page

@carrot/design-tokens-surfaces

ts

No documentation yet.

Pager

Previous pageTokens Spacing

Next pageTokens Transforms

Carrot