base styles
- colors
- fonts
atoms
- approved
- arrow
- blockquote
- brand
- button
- chip
- corner-label
- definition-list
- dot
- download-link
- fieldset
- figure
- flying-focus
- focus
- hamburger
- headings
- hide-text
- hr
- img
- input-checkbox
- input-error-message
- input-password
- input-radio
- input-submit
- input-text
- input-text-suffix
- label
- legend
- link
- list-item
- media
- notice
- ordered-list
- paragraph
- pill
- progress
- scale-indicator
- select
- source
- spinner
- status-icon
- survey-percentage
- table
- text-selection
- textarea
- toggle
- unordered-list
molecules
organisms
system
- flex
- grid
- helper-classes
templates-app
templates-website

toggle

Type: markup & styles & javascript

Status: ready

Release: 0.1.0

Updated: 0.6.0

Dependencies:

no dependencies

Dependents:

molecules → menu-bar

example

description

UPDATED 0.6.0: renamed class from .open respectively .show to .in due to consistency (old class still works, backwards compability should be removed for 1.0.0).
UPDATED 0.5.0: renamed class from .button-toggle to .toggle due to consistency (old class still works, backwards compability should be removed for 1.0.0).
Styles & functionality for a button with two states. Toggles a navigation and it's content, e.g. the navigation organism or drawer molecule.

protected content

only loggeed in users are able to see source-code files and usage of components