Edge Button
edgebutton__ideal__extra-small
56 views
current
The screen-hugging confirm action, curved to the bottom edge of the display.
Issues#286
- #286 Upstream: `EdgeButton` takes no `border`, so the kit's `Style=Outline` draws no outline at allopen · area:component · parity:upstream
index as of 2026-09-16 17:13 UTC
View
Size
Exploded 3D
One sheet per visible drawing level. Structural-only
composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.
Locale & text
Overlays
Overrides
Declared overrides — edit a value to re-render.
Compare64 variants of Edge Button, against Figma
ideal/default89.4%diff →
ideal/disabled94.6%diff →
ideal/extra-smallon the stage93.0%diff →
ideal/extra-small-disabled96.4%diff →
ideal/filled-variant90.2%diff →
ideal/filled-variant-disabled94.6%diff →
ideal/filled-variant-extra-small93.9%diff →
ideal/filled-variant-extra-small-disabled96.4%diff →
ideal/filled-variant-icon93.8%diff →
ideal/filled-variant-icon-disabled96.4%diff →
ideal/filled-variant-icon-extra-small94.0%diff →
ideal/filled-variant-icon-extra-small-disabled96.1%diff →
ideal/filled-variant-icon-large96.0%diff →
ideal/filled-variant-icon-large-disabled97.7%diff →
ideal/filled-variant-icon-medium94.4%diff →
ideal/filled-variant-icon-medium-disabled97.1%diff →
ideal/filled-variant-large84.1%diff →
ideal/filled-variant-large-disabled91.8%diff →
ideal/filled-variant-medium86.4%diff →
ideal/filled-variant-medium-disabled92.6%diff →
ideal/icon93.4%diff →
ideal/icon-disabled96.4%diff →
ideal/icon-extra-small93.1%diff →
ideal/icon-extra-small-disabled96.1%diff →
ideal/icon-large95.1%diff →
ideal/icon-large-disabled97.7%diff →
ideal/icon-medium93.9%diff →
ideal/icon-medium-disabled97.1%diff →
ideal/large82.3%diff →
ideal/large-disabled91.8%diff →
ideal/medium85.1%diff →
ideal/medium-disabled92.6%diff →
ideal/outlined74.1%diff →
ideal/outlined-disabled85.9%diff →
ideal/outlined-extra-small75.6%diff →
ideal/outlined-extra-small-disabled86.5%diff →
ideal/outlined-icon82.2%diff →
ideal/outlined-icon-disabled94.7%diff →
ideal/outlined-icon-extra-small82.0%diff →
ideal/outlined-icon-extra-small-disabled94.8%diff →
ideal/outlined-icon-large82.0%diff →
ideal/outlined-icon-large-disabled94.9%diff →
ideal/outlined-icon-medium82.1%diff →
ideal/outlined-icon-medium-disabled94.8%diff →
ideal/outlined-large65.6%diff →
ideal/outlined-large-disabled81.9%diff →
ideal/outlined-medium72.5%diff →
ideal/outlined-medium-disabled85.4%diff →
ideal/tonal89.7%diff →
ideal/tonal-disabled94.6%diff →
ideal/tonal-extra-small93.5%diff →
ideal/tonal-extra-small-disabled96.4%diff →
ideal/tonal-icon93.8%diff →
ideal/tonal-icon-disabled96.4%diff →
ideal/tonal-icon-extra-small93.6%diff →
ideal/tonal-icon-extra-small-disabled96.1%diff →
ideal/tonal-icon-large95.7%diff →
ideal/tonal-icon-large-disabled97.7%diff →
ideal/tonal-icon-medium94.2%diff →
ideal/tonal-icon-medium-disabled97.1%diff →
ideal/tonal-large83.0%diff →
ideal/tonal-large-disabled91.8%diff →
ideal/tonal-medium85.8%diff →
ideal/tonal-medium-disabled92.6%diff →