Skip to main content

Anatomy

Anatomy Image
  1. Container
  2. Header Row
  3. Row
  4. Cell

Default Values

AttributeTokenValue
Header
Paddingtable-header-cell-padding0.5rem
Background Colortable-header-color-background#172635
Shadowtable-header-shadow0px 4px 8px 0px rgba(0, 0, 0, 0.45);
Font familyfont-heading-5-font-family‘Roboto’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif
Font sizefont-heading-5-font-size1.125rem
Font weightfont-heading-5-font-weight400
Line heightfont-heading-5-line-heightcalc(24 / 18)
Letter spacingfont-heading-5-letter-spacing0em
Body Cell
Padding (left and right)table-body-cell-padding-x0.5rem
Padding (top and bottom)table-body-cell-padding-y0.25rem
Row
Bottom Border Colortable-row-color-border#101923
Border Widthtable-row-border-width1px
Text Colortable-row-color-text#ffffff
Background Colortable-row-color-background-default#1b2d3e
Font familyfont-body-1-font-family‘Roboto’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Oxygen-Sans, Ubuntu, Cantarell, ‘Helvetica Neue’, sans-serif
Font sizefont-body-1-font-size1rem
Font weightfont-body-1-font-weight400
Line heightfont-body-1-line-heightcalc(24 / 16)
Letter spacingfont-body-1-letter-spacing0.005em

States

Default

Default Table
AttributeTokenValue
Row
Background Colortable-row-color-background-default#1b2d3e

Hover

Hovered Table Row
AttributeTokenValue
Row
Background Colortable-row-color-background-hover#1c3851

Selected

Selected Table Row
AttributeTokenValue
Row
Background Colortable-row-color-background-selected#1c3f5e

Asset Status

Asset Version Status
Documentation N/A Available
UI Kit - Dark v7 Available
UI Kit - Light v7 Available
UI Kit - Wireframe v7 Available
Web Component v7 Available
Component Tokens v7 Available
Status Key
Available In Progress Planned Not Available Deprecated
Feedback

Help us improve Astro

Please rate your present experience with Astro:

Cancel

Request Access to Source Code Repository

The source code Git repository and other useful documentation for Astro’s apps are hosted on Github.com. Please fill out the form below to request access.

How Would You Like to Use Astro’s Source Code?
Which Astro App’s Source Code Would You Like Access to?
Successfully submitted request for source code