components/surface
@fungi.computer/caps / components/surface
components/surface
Section titled “components/surface”Type Aliases
Section titled “Type Aliases”SurfaceProps
Section titled “SurfaceProps”SurfaceProps =
HTMLAttributes<HTMLDivElement> > &object
Native surface attributes with independent rim, depth and placement choices.
Type Declaration
Section titled “Type Declaration”
optionalsize?:"sm"|"md"|"lg"
Rim scale, independent of the content’s dimensions.
depth?
Section titled “depth?”
optionaldepth?:"shallow"|"deep"
placement?
Section titled “placement?”
optionalplacement?:"standalone"|"embedded"
Embedded surfaces borrow their parent’s casing; omit the exterior surround.
DisplayProps
Section titled “DisplayProps”DisplayProps =
SurfaceProps&object
A recessed display with a separate gasket and screen face.
Type Declaration
Section titled “Type Declaration”
optionalfit?:"content"|"fill"
Fill a flex region rather than sizing to its content.
density?
Section titled “density?”
optionaldensity?:"normal"|"compact"
Reduce the gasket footprint for compact displays.
Variables
Section titled “Variables”Surface
Section titled “Surface”
constSurface:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &object&RefAttributes<HTMLDivElement>>>>
A themeable frame around a surface. No padding or interaction ownership.
Screen
Section titled “Screen”
constScreen:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
Display face using theme surfaces while preserving the inherited text font.
Display
Section titled “Display”
constDisplay:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &object&object&RefAttributes<HTMLDivElement>>>>
Theme-owned recessed screen with a gasket and optional compact fill geometry.