Spot boxes
Description
This page shows all option for the spot box. The spot box is a component, that can be used to hightlight important information like statistics, facts, quotes and so on. By default the spotbox is treated like a blockquote. If the spotbox is used for other purposes, the blockquote element should be removed.
Component options
- Grid (Only on section pages)
- Col 4
- Col 8
- Col 6
- Col 12
- Content alignment
- Default (Left top)
- Left
- Center (Top)
- Rigth
- Background colors (Only on section pages)
- Primary color
- Secondary color
Content options
- Spot imagery (You choose between them. Can't be combined)
- Image (SVG, PNG og jpeg)
- Icon (Choose from icon library)
- Highlighted text (Text used as imagery)
- Text
- Blockquote or p-tag
- Caption
- Background colors (Only on section pages)
- Primary color
- Secondary color
- Article element colors (Only on article pages)
- Default (none)
- Component color
- Article element 0
- Article element 1
- Article element 2
- Article element 3
- Article element 4
- Article element 5
Backlog - (Not implemented)
- Block text
- Title
- Text
- Caption
Old blockquote
Aside example with a blockquote. Du kan finde de seneste oplysninger om aktuelle og kommende udbud her.
Spot box - content options
Blockquote default: Lorem ipsum dolor sit amet, consectetur adipiscing elit
p-text: When spotbox i used for content that is not a quote(blockquote element removed)
Blockquote: image & content align left
Blockquote: icon & content align center
25%
Blockquote: imagery text & content align right
Spot box - background color options (Sections)
Blockquote: Default componenent color in Sections
185
Blockquote: Component background color primary
Blockquote: Component background color secondary
Spot box - background color options (Article content)
Blockquote: Default in Article content
10%
Blocktext: Article componenent color default
4
Blockquote: Article componenent color 0
Blockquote: Article componenent color 1
Blockquote: Article componenent color 2
Blockquote: Article componenent color 3
250.000
Blockquote: Article componenent color 4
Blockquote: Article componenent color 5
Spot box component - full width with section background color
Blockquote: Default componenent color in Sections
Backlog - (Not implemeted)
Blocktext default
Blocktext body: Lorem ipsum dolor sit amet, consectetur adipiscing elit
Blocktext: image & content align right
Blocktext body: Lorem ipsum dolor sit amet, consectetur adipiscing elit
Blocktext: icon & content align left
Blocktext body: Lorem ipsum dolor sit amet, consectetur adipiscing elit
2000