Philosophy
Mesh design system enables teams to create high-quality products and experiences faster for our members. The mesh component library provides reusable, fully-encapsulated building blocks, large and small, to create user interfaces consistent with the nib design language.
Principles
- Banking-focused design
- Accessible (WCAG 2.1 AA)
- Consistent Westpac brand
- Multi-brand support
Components
AccordionAlertAutocompleteBoxButtonCardCarouselCheckboxCheckbox GroupColumnColumnsComponent StatusContainerCopyDate PickerDate TextboxDividerDrawerError TemplateExpanderExpander GroupFeature PanelFile Upload ComponentFontsFooterGrow LayoutHeaderHeader Footer LayoutHeadingHero PanelHiddenIconsInfo BoxInlineLinkLoaderLogoModalMode ProviderNav LayoutOtp InputOverlayProduct CardProgress StepperRadioRadio ButtonRadio GroupReact HtmlSectionSelectSimple TableSkip LinkSplit SectionStackSwitch ToggleTableTabsTagTextareaTextboxThemeTilesTooltipUtility ButtonVillain Panel
Details
- Platforms
- web
- Tech
- react
- Features
- figmastorybooktokensa11ythemingrtlicons
- Last updated