Knit UI
GitHub

Playground

Loading playground…

Playground
<FillExtrusionLayer />

Examples

Buildings3 D

3D buildings extruded by each footprint's height property, viewed at a tilt.

Loading example…

Buildings3 DSourceStorybook

Colored By Height

Height-driven color ramp: shorter buildings are light, taller ones deepen to blue.

Loading example…

Colored By HeightSourceStorybook

With Light

The same extrusions paired with a <Light>: a warm, low-anchored directional light shifts how the building faces are shaded.

Loading example…

With LightSourceStorybook

Props

PropTypeDefaultDescription
afterIdstring | undefined
beforeIdstring | undefined
filterFilterSpecification | undefined
idstring | undefined
layerIndexnumber | undefined
layoutRecord<string, unknown> | undefined
maxzoomnumber | undefined
minzoomnumber | undefined
paintRecord<string, unknown> | undefined
sourcestring | undefined
source-layerstring | undefined
sourceLayerstring | undefined
styleFillExtrusionLayerStyle | undefined
testIDstring | undefined