Props
string
required
The
session_token returned when you create a filing session. Sent as
Authorization: Bearer <sessionToken> on every call the Element makes.Only pass the session token to the browser. Your API key must stay on your
backend. The token is shown only once, so capture it when the session is
created. It cannot be recovered later.Appearance
Controls how the Element looks. See Appearance.
Appearance
"day" | "night"
default:"day"
The base theme. A theme is a complete set of default variables that you can
use as the starting point for customization. Unknown values fall back to
day
with a console warning.Variables
Design variable overrides. Values that are not set fall back to the selected
theme. See Variables.
"solid" | "outline"
default:"solid"
How buttons are drawn.
solid fills primary buttons with colorPrimary.
outline draws them with a colorPrimary border and label, and fills them on
hover. Unknown values fall back to solid with a console warning.Variables
Variables are design tokens that you can override to match your own look. Every other shade the Element uses, such as borders and hover tints, is derived from these, so a handful of values restyles the whole Element. Values are CSS values. Colors accept any CSS color,fontFamily accepts a list
of fonts, and borderRadius accepts a length. Pass resolved values, not
var(...) references. Empty values are ignored.
string
The color used for primary buttons. Also used as the accent unless
colorAccent is set.string
The color used for selection and emphasis, such as selected cards and options,
the current breadcrumb, hover and drag highlights, and spinners. Falls back to
colorPrimary.string
The color of text and icons drawn on top of
colorPrimary.string
The color of the surface behind inputs, cards, and popovers.
string
The color of main text.
string
The color of muted text such as descriptions, placeholders, and breadcrumbs.
string
The color of errors.
string
The color of warnings, focus rings, and in-progress states.
string
The color of confirmations and completed states.
string
The color of borders of inputs, cards, and popovers. Derived from the text and
background colors when not set.
string
The color of focus rings. Falls back to
colorWarning.string
default:"Inter"
A CSS
font-family value. Use inherit to use the font from the host page.The Element loads its default font (Inter) only when this is not set. When it
is set, your page is responsible for making the font available.string
A CSS
font-family value for headings, such as step titles. Falls back to
fontFamily.string
default:"6px"
The base corner radius. Larger surfaces scale from it.