NIBC
  • Home
  • Styleguide
  • Pages
  • Changelog
User Manual

Atoms

The smallest type of a stand-alone component, the basis of the styleguide.

  • alert
  • amount-input
  • badge
  • budget
  • button
  • checkbox
  • divider
  • download-button
  • icon-button
  • icon
  • input
  • label
  • loader
  • logo
  • main-action
  • menu-item
  • paragraph
  • progress
  • radio
  • sort-button
  • step-count
  • switch
  • time
  • toggle

Molecules

Repeatable stand-alone components used within a certain context.

  • add-new
  • authentication
  • button-group
  • calendar
  • card
  • checklist
  • collapse
  • data-list
  • download-group
  • feedback
  • highlight-box
  • key-value
  • languages
  • list
  • new-account
  • notification
  • option-button
  • option
  • pagination
  • show-more
  • summary
  • tooltip
  • visual

Organisms

Largest type of a contextual component. Mainly unique on a page.

  • account-list
  • account-statement-overview
  • cookie-banner
  • header
  • input-group
  • interest-overview
  • menu
  • notifications
  • options
  • overlay
  • step-wizard
  • tabs
  • toggle-group
  • transactions

Layouts

Non-contextual component used to create the structure or layout.

  • block
  • container
  • content
  • form
  • grid
  • root
  • scroll
  • section
  • split
  • table

Quarks

Intangible components used to define the base branding.

  • colors
  • iconography
  • typography

These are not the components you are looking for. 😉

Designed and developed with ❤️ by Little Miss Robot.