Docs / Components
SenseFluidComponent
Full-width form stretcher from @artificialsenselabs/ui — stretches projected inputs, selects, textareas, and buttons. Not a responsive grid (use CSS Grid or preview sense-grid).
Live demo: run nx serve showcase and open /components/fluid (port 4202).
Overview
Category: Layout. Selector: sense-fluid. Import: import { SenseFluidComponent } from '@artificialsenselabs/ui';
<sense-fluid>
<sense-input ariaLabel="Email" />
<sense-button type="submit">Save</sense-button>
</sense-fluid>Inputs
No public inputs — apply host class for page-specific hooks. Compose gap with sense-stack.
Accessibility
- Layout-only primitive — no interactive semantics added to the host.
- Pair child controls with visible labels or
aria-labelas usual. - Project any native or sense form controls as content.