Components
This section describes simple HTML elements.
Accordion
Component for toggle between hiding and showing large amount of content.
Ad
Advertisement styles.
Arrow
This component is used to indicate positive or negative value changes.
Article
Shows article content or teaser
Back to Top
A button to return to the top of the page.
Badge
Shows a span with different and meaningful background color
Badge Bar
Combine multiple badges in one bar.
Breadcrumb
Define a breadcrumb list for show current page navigation.
Button
A button component for different usings.
Button Group
The component optically merges a list of buttons into one component.
Carousel
A slideshow component for cycling through content.
Charts
Simple charts based on CSS.
Copy
The element is used to copy content.
Details Navigation
A special finanzen.net navigation component.
Dropdown
A component to hide content & controls. Will popup by click.
Edge
Attach an element to the edge of an element.
Flyout
Moves an element up/right/down/left and overlaps the content.
Form
Usage guidelines for form controls.
Headlines
Shows different types and styles of headlines
Image
Shows images with additional modifiers
Listing
Shows a list of texts or links
Loader
Loader animations.
Menu
Description for horizontal and vertical main menu.
Message
Shows a simple message box with different colors
Overlay
Contains a list of components that overlays the content.
Pagination
This component helps in rendering content for browsing.
Performance Bar
Shows course value changes in different ways
Quote Ticker
Shows a list of instrument quotes with their absolute and relative changes
Rating
Shows rating stars for users to submit
Realtime Push
Changes the colors of an element that contains a numeric value.
Separator
Show a horizontal line.
Side Panel
Shows a side panel on the left or the right side of the browser
Sticky
Content that is shown as sticky.
Tabbing
Tab navigation components
Table
Shows how tables are styled.
Tooltip
Add a tooltip to any element.