ContainerQuery
A ContainerQuery component from the Sigil design system.
Import
import { ContainerQuery, SplitPane, Dock, TopBar, BottomBar, MobileNav, SidebarNav, AppHeader, PageHeader, SectionHeader, ContentTabs, AnchorNav, TableOfContents, ScrollSpy, MasonryGrid, MediaCard, ResourceCard, FeatureCard, PricingCard, TestimonialCarousel } from "@sigil-ui/components";Preview
Usage
<ContainerQuery>...</ContainerQuery>Sub-components
This component includes the following parts:
<SplitPane><Dock><TopBar><BottomBar><MobileNav><SidebarNav><AppHeader><PageHeader><SectionHeader><ContentTabs><AnchorNav><TableOfContents><ScrollSpy><MasonryGrid><MediaCard><ResourceCard><FeatureCard><PricingCard><TestimonialCarousel>
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-full | Radius full |
--s-border | Border |
--s-overlay-surface | Overlay surface |
--s-surface | Surface |
--s-shadow-lg | Shadow lg |
--s-background | Background |
--s-card-radius | Card radius |
--s-text | Text |
--s-text-muted | Text muted |
--s-radius-sm | Radius sm |
--s-primary | Primary |