DAHLIA Pattern Library

Javascript

This is a markdown document.

var foo = 'bar'

components

Atoms
- Color
- Typography
- Accessibility
- Buttons
- Forms
  - Checkbox
  - Input Dob
    - Default
    - Labled
  - Input Email
  - Input Error
  - Input Tel
  - Radio
  - Select
  - Text Input
    - Default
    - Base
  - Text Value
  - Textarea
- Icons
  - Icon All
  - Icon Like
  - Icons Base
  - Spinner
- Tables
  - Pricing Table Hero
    - Default
    - Sale
  - Pricing Table Listing
  - Pricing Table New
  - Table
    - Default
    - Features
    - Fees
    - Max Ami
    - Maximum
    - Occupancy
    - Percent
    - Preferences
    - Priority
    - Range
    - Rent
    - Reserved
    - Results
  - Table Flex
    - Default
    - Reserved
  - Table Flex Span
- Text
  - H Caps Lined
  - Headings
  - More
  - Paragraph
Molecules
- Blocks
  - Block Icon
  - Block Item
- Components
  - Accordion
  - Accordion Nested
  - Aside Contact
  - Buckets
  - Callout
  - Content Card
    - Default
    - Link
    - Ordered
  - Content Card Grid
  - Content Card Stack
  - Content Group
  - Event List
  - Feed Item
  - Filter Row
  - Flag Label
  - Header Badge
  - Loading Panel
  - Notice Container
  - Photo Block
  - Property Map
  - Status List
  - Status Update
  - Tabs Content
  - Tooltip
- Forms
  - Alert Box
  - Alert Notice
  - Attachment
    - Default
    - Loading
  - Button Pager
  - Button Stack
    - Default
    - Paginate
  - Checkbox Block
  - Checkbox Group
    - Default
    - Block
  - Icon Input
  - Income Source Item
    - Default
    - Add
    - Edit
  - Input Address
  - Input Income
    - Default
    - Editable
  - Language Actions
  - Link Pager
  - Radio Group
    - Default
    - Block
    - Inline
- Headers
  - Aside Header
  - Banner Bar
  - Directory Header
  - Lead Header
    - Default
    - Hero
    - Image
    - Serif
    - Short
  - Results Header
  - Splash Header
    - Default
    - Small
  - Status Header
  - Translate Bar
  - Version Bar
- Lists
- Navigation
  - Breadcrumbs
  - Lined Nav
  - Local Nav
  - Nav Mobile
  - Progress Nav
  - Side Nav
  - Sub Nav Application
  - Table Pagination
  - Tabs
  - Top Bar
    - Default
    - Account
    - Full
    - Translation
- Stats
  - Stats List
  - Stats Toggle
    - Default
    - One Br
- Tables
- Text
Organisms
- App Card
- App Card Edit
- App Card Listing
- App Card Tabs
- App Card View
- App Header
- Content Column Apply
- Content Panel Program
- Content Section
- Dash Card
- Dash Section
- Footer
- Form Card
- Form Foundation
- Modal
  - Default
  - Loading
  - Message
  - Small
  - Status
  - Status Open
- Modal Alert
- Modal Alert Invert
- Modal Trigger
- Page Accordion
- Pageslide Demo
- Property Card
  - Rental
  - Legacy
  - Sale
- Property Hero
  - Default
  - Closed
  - Multifamily
  - Sro
- Result Buckets
  - Default
  - Search
- Results
  - Default
  - Sale
- Tabs Section
Utilities
- Borders
- Positioning
- Spacing
- Utility Mixins
Angular
- Angular Address Form
- Angular Checkbox Form
- Angular Checkbox Group Form
- Angular Dob Form
- Angular Income Form
- Angular Name Form
- Angular Radio Form
- Angular Terms Form
- Includes
  - Additional Information
  - Eligibility
    - Default
    - Multifamily
  - Features
  - Neighborhood
- Property Accordion
Pages
- Basic Pages
  - Additional Opportunities
  - Additional Opportunities Alt
  - Disclaimer
  - Documents
  - Error
  - Favorites Grid
  - Get Assistance
  - Home
  - Home Maintain
  - Home Menu
  - Home Translations
  - Language
  - Language Chinese
  - Maintain
    - Default
    - Alt
  - Maintenance
  - Privacy Policy
  - Qa Table
  - Resources Grid
  - Share Grid
- Browse
  - Browse Grid
    - Default
    - Blank
    - Buckets
    - None
    - Results
    - Sro
- My Application
  - Application Address
  - Application Alternate
    - Default
    - Error
  - Application Complete
  - Application Contact
    - Default
    - Error
    - Error 2
    - Error 3
  - Application Expect
    - Default
    - Es
    - Zh
  - Application Household
    - Default
    - Error
  - Application Housing
  - Application Income
    - Default
    - Add
    - Edit
    - Error
  - Application Income Subsidies
  - Application Name
    - Default
    - Error
    - Es
    - Zh
    - Zh Alt 1
    - Zh Alt 2
    - Zh Error
  - Application Others
  - Application Preferences Start
  - Application Preview
  - Application Programs
    - Default
    - Nested
  - Application Review
  - Application Signin Alt 2
  - Application Signin Base
  - Application Signin Create
  - Application Signin Email
  - Application Start
    - Default
    - Signin
  - Application Terms
- Account
  - Account Applications
    - Default
    - Blank
  - Account Create
  - Account Dash
  - Account Eligibility
  - Account Favorites
  - Account Settings
    - Default
    - Full
  - Account Signin
- Property Listing
  - Property Grid
    - Default
    - Bmr
    - Multifamily
    - Open Nopickup
    - Post Results
    - Post Results Modal
    - Pre Lottery
    - Pre Results
    - Sro
  - Results Modal
- Eligibility Form
  - Eligibility Calculator
    - Default
    - Edit
    - Source
    - Total
  - Eligibility Start
  - Eligibility Start Error
- Modal
- Leaseup
  - Application
    - Default
    - Edit
    - View
  - Leaseup Table
  - Signed In
  - Signed Out
- Angular Pages
  - Accordion Property
    - Default
    - Tabs
  - Angular Accordion Sample
  - Form Validation

documentation

Overview
Javascript

Javascript

Input Dob

Text Input

Pricing Table Hero

Pricing Table Listing

Pricing Table New

Table

Table Flex

Content Card

Attachment

Button Stack

Checkbox Group

Income Source Item

Input Income

Radio Group

Lead Header

Splash Header

Tabs

Top Bar

Stats Toggle

Eligibility

Maintain

Browse Grid

Application Alternate

Application Contact

Application Expect

Application Household

Application Income

Application Name

Application Programs

Application Review

Application Start

Account Applications

Account Create

Account Settings

Property Grid

Results Modal

Eligibility Calculator

Application

Accordion Property