Usage
Content components can be imported via the content entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/content';
Props
PageContent Props| Prop | Type | Description |
|---|
| as? | ElementType<any>Default: "div" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | |
| tabIndex? | number | |
SectionContent Props| Prop | Type | Description |
|---|
| as? | ElementType<any>Default: "section" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | |
| tabIndex? | number | |
Content Props| Prop | Type | Description |
|---|
| as? | ElementType<any>Default: "div" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | |
| tabIndex? | number | |
ContentBleed Props| Prop | Type | Description |
|---|
| children? | ReactNode | |
| visible? | ResponsiveProp<boolean> | |
Source
You can view the full source code for this package on Github.