Verndale UI Components
Verndale UI Components
Draft
Collection of components that are level AA and WAI-ARIA compliant.
Search
components
Alert
Default
C Bnr 8 Critical Header Alert
C Bnr 5 Notice Header Alert
C Bnr 6 Warning Header Alert
C Bnr 5 Notice Header Alert Without Close Button
C Bnr 5 Notice Header Alert Without Copy
BNR
C BNR 12 Masthead With Placeholder
Default
C Bnr 12 Masthead With Placeholder Left Aligned Image
C Bnr 12 Masthead With Placeholder Right Aligned Image
C Bnr 12 Masthead With Placeholders Left Aligned Video
C Bnr 12 Masthead With Placeholders Right Aligned Video
C Bnr 12 Masthead With Placeholders Left Vimeo Video
C Bnr 12 Masthead With Placeholders Vimeo Video
C Bnr 12 Masthead With Youtube Video
C Bnr 12 Masthead With Vimeo Video
C Bnr 12 Masthead With Local Video
C BNR 13 Simple Masthead
Default
Heading Only
With Sub Heading
With Copy
With Sub Heading And Copy
Center Content
C BNR 4 Masthead With Background Image
Default
C Bnr 4 Masthead With Background Image Left Variation
C Bnr 4 Masthead With Background Image Center Variation
C Bnr 4 Masthead With Background Image Right Variation
C Bnr 4 Masthead With Background Full With Video
C Bnr 4 Masthead With Background Vimeo Video
C Bnr 4 Masthead With Background Youtube Video
C Bnr 4 Masthead With Background Image Container Left
C Bnr 4 Masthead With Background Image Container Center
C Bnr 4 Masthead With Background Youtube Video
C Bnr 4 Masthead With Background Vimeo Video
C Bnr 4 Masthead With Background Video
Button
Default
Submit
Link
Outline
Icon
Small
Disabled Button
Disabled Link
C CRD 2 Link List Card
Default
Small
Large
Left Icon
C CRD 8 Carousel Content Card
Default
Card With Copy
Card Without Copy
C CSL 2 3 Column Image Gallery
C CSL 5 Testimonials Carousel
C CSL 6 Animated Card Carousel
C FMT 1 Accordions Module
C FMT 1 Large Image W CTA Row
C FMT 10 Tabbed Content
C FMT 11 Full Width Video Row
Full
No Caption
C FMT 12 Page Intro Row
C FMT 13 Full Viewport 2 Column Row
Default
Content Card
Link List Card
Related Content Card
C FMT 3 Call To Action Row
With Image
With Background
With Image And Background
C FMT 4 Full Width Image Row
C GRD 2 Related Content Row
C GRD 6 People Card Grid
Cards
Animated Carousel Card
C CRD 6 Testimonial Card
C CRD 7 Background Image Carousel Content Card
Column Row
Default
C Fmt 15 4 Column Row
C Fmt 14 3 Column Row
Content Carousel
C CSL 1 Image Swiper
Default
With Subheader
Without Subheader
Content Card
Default
C Crd 1 Content Card With Image
C Crd 4 Content Card
Content Card Carousel
Default
With Subheader
Without Subheader
Large Image Card
Default
With Description
Without Description
With Link
Without Link
Content Row
Default
With Youtube Video
With Vimeo Video
Media Align Left
Media Align Right
Single Column
Full Width
Footer
Header
Link
Default
Small
Right Icon
Left
N DYN 1 Breadcrumbs
N DYN 2 Pagination
P LP 1 Search Results
Video
Default
Youtube Video
Vimeo Video
Local Video
documentation
Overview
Information
Built on:
5/9/2022