Menu
DACCAA UI
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.
Enter your details:
Dogs Cats
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