@ag.ds-next/main-nav
--- title: MainNav description: A horizontal list of links to key areas on the website. Typically placed in the header. group: Navigation ---
Updated by @nathsimpson
@ag.ds-next/side-nav
--- title: SideNav description: A vertical list of links for site navigation typically placed next to the body content. group: Navigation ---
Updated by @nathsimpson
@ag.ds-next/core
--- title: Core description: Core includes a range of styles, variables and code that form the foundation of how the Design System works, including colour, typography and spacing. …
Updated by @nathsimpson
@ag.ds-next/text
--- title: Text description: A primitive typographic component for constrained text styles group: Foundations ---
Updated by @nathsimpson
@ag.ds-next/heading
--- title: Headings description: A primitive typographic component for constrained heading styles. Headings help to structure content on a page using relative visual prominence. …
Updated by @nathsimpson
@ag.ds-next/body
--- title: Body description: Provides correct styling for Markdown or CMS content. group: Content ---
Updated by @nathsimpson
@ag.ds-next/button
--- title: Button description: Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action …
Updated by @nathsimpson
@ag.ds-next/footer
--- title: Footer group: Layout description: Footers help users find what they need after scrolling to the bottom of a page. They provide supplementary information such as …
Updated by @nathsimpson
@ag.ds-next/accordion
--- title: Accordion description: Accordions help users see only the content they need, by expanding and collapsing sections of content. group: Layout ---
Updated by @nathsimpson
@ag.ds-next/field
--- title: Field description: The field package exposes the elements around form inputs, and an API to compose them. group: Forms ---
Updated by @nathsimpson
@ag.ds-next/columns
--- title: Columns description: A grid consists of a framework of cells laid out and aligned vertically and horizontally. It helps users read and visually navigate website content …
Updated by @nathsimpson
@ag.ds-next/card
--- title: Card description: The card component is used to provide a brief summary of content or a task, often with a link to more detail. Cards are frequently displayed alongside …
Updated by @nathsimpson
@ag.ds-next/select
--- title: Select description: Select provides a means to select a single item from a collapsible list. Use of select helps to reduce input errors and screen space. It's commonly …
Updated by @nathsimpson
@ag.ds-next/textarea
--- title: Textarea description: Textarea is a long form text input and can be scaled up or down in size by the user. group: Forms ---
Updated by @nathsimpson
@ag.ds-next/control-input
--- title: Control input description: Control inputs help users input one or more selections from multiple options. Our control inputs consist of checkboxes and radio buttons. …
Updated by @nathsimpson
@ag.ds-next/text-input
--- title: Text Input description: Text inputs are input fields typically used in forms that allow the user to enter text data in a structured format. group: Forms ---
Updated by @nathsimpson
react-native-start-ios-sim
Start a React Native app in the iOS simulator of your choice.
Updated by @nathsimpson
@ag.ds-next/box
--- title: Box description: A set of primitive layout components group: Foundations ---
Updated by @nathsimpson
@ag.ds-next/link-list
--- title: LinkList description: The link list style is a simple list of vertical or horizontal links used for site navigation. It is used to order information for users. group: …
Updated by @nathsimpson
@ag.ds-next/header
--- title: Header group: Layout description: The masthead of our applications, Header incorporates our AWE brand, and provides a user context on where they are. ---
Updated by @nathsimpson
@ag.ds-next/ag-branding
--- title: AG Branding description: A colour palette and logo set for Agriculture group: Brand ---
Updated by @nathsimpson
@ag.ds-next/icon
--- title: Icon description: The Agriculture Design System supports the use of universal system icons. The icon component is used to apply our set of universal icons to more …
Updated by @nathsimpson