import { ... } from '@ag.ds-next/react/content';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
| Prop | Type | Description |
|---|---|---|
| as? | ElementType<any>Default: "div" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | Maps tokens to the CSS background-color property.https://developer.mozilla.org/en-US/docs/Web/CSS/background-color |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | Sets the colour palette, which can also be changed at breakpoints.https://design-system.agriculture.gov.au/foundations/tokens/colour |
| tabIndex? | number |
| Prop | Type | Description |
|---|---|---|
| as? | ElementType<any>Default: "section" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | Maps tokens to the CSS background-color property.https://developer.mozilla.org/en-US/docs/Web/CSS/background-color |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | Sets the colour palette, which can also be changed at breakpoints.https://design-system.agriculture.gov.au/foundations/tokens/colour |
| tabIndex? | number |
| Prop | Type | Description |
|---|---|---|
| as? | ElementType<any>Default: "div" | |
| background? | ResponsiveProp<"body" | "info" | "success" | "error" | "warning" | "shade" | "bodyAlt" | "shadeAlt"> | Maps tokens to the CSS background-color property.https://developer.mozilla.org/en-US/docs/Web/CSS/background-color |
| children? | ReactNode | |
| id? | string | |
| palette? | ResponsiveProp<"dark" | "light"> | Sets the colour palette, which can also be changed at breakpoints.https://design-system.agriculture.gov.au/foundations/tokens/colour |
| tabIndex? | number |
| Prop | Type | Description |
|---|---|---|
| children? | ReactNode | |
| visible? | ResponsiveProp<boolean> |
Source
You can view the full source code for this package on Github.