DACCAA UI demo

Welcome

Welcome to the official DACCAA UI guide. If you want to use the DACCAA UI, please download it and upload to your own server. You may use our hosted version for development and testing only.

Buttons

These are all the buttons support within the DACCAA UI.

Normal Link
Large Button
Medium Button
Small Button
Action Button

Cards

These are some simple card based containers that can be created with the DACCAA UI.

Default Card

This is a default card just using the card class and shadow class.

Card Action

Mid Card

This is the mid card. Add the class of mid which allows the maximum width of this card to be longer at 380px.

Card Action

Long Card

This is the long card which uses an additional class of long which allows the maximum width of this card to be longer at 500px.

Card Action

Full Card

This is the full card and will stretch to 100% width of the container. Just add the class full to get this card.

Card Action

Inline Notifications

These are the supported notification types within the DACCAA UI.

This is a success message.

This is a warning message.

This is a failure message.

Form Elements

These are all of the form elements supported by DACCAA UI.

Colours:

These are all the colour themes built into DACCAA UI. All colours have multiple classes associated so for example, if you need the background to get darker on hover you need the blue-bg-hov class. If you just want a blue background you would need the blue-bg class. If you want to change text colour then you need the blue-txt class. This works with all colours we support.

blue

teal

pink

orange

red

black

grey

white

glass

soft

gentle

darkGrey

green

Specific Colours:

taf

facebook

mixer

youtube

twitch