Docs / Components
SenseFluidComponent
Full-width form layout wrapper from @artificialsenselabs/ui that stretches child inputs, selects, textareas, and buttons.
Live demo: run nx serve showcase and open /components/fluid (port 4202).
Overview
Category: Form controls. Selectors: sense-fluid, [senseFluid]. Import: import { SenseFluidComponent, SenseFluidDirective } from '@artificialsenselabs/ui';
<sense-fluid>
<sense-input ariaLabel="Email" />
<sense-button type="submit">Save</sense-button>
</sense-fluid>Inputs
| Member | Type | Default | Description |
|---|---|---|---|
styleClass (component) | string | null | null | Extra host classes appended to sense-fluid. |
senseFluid (directive) | boolean | true | Applies the fluid layout class to any host element. |
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.