🚀 DAY 5 OF LAUNCH WEEK: Introducing Socket Firewall Enterprise.Learn more →
Socket
Book a DemoInstallSign in
Socket
c

cnorthwoodcita

npm

Packages

Current Co-maintainers

Former Co-maintainers

93 packages

cadesignsystem

## Table of contents

@citizensadvice/background-colors

Background colors are most commonly used for filling large blocks of content or areas with a color.

@citizensadvice/background-position

The background-position property sets the starting position of a background image. This can only be used with a background image.

@citizensadvice/background-size

Defines the size of the background image.

@citizensadvice/border-colors

Defines the color of the element's borders.

@citizensadvice/border-radius

Defines the radius of the element's corners.

@citizensadvice/borders

Defines the border of an element. These can be combined with other border properties such as color or widths to override default styling.

@citizensadvice/border-style

Defines the style of the element's borders.

@citizensadvice/border-width

Defines the width of an element's border.

@citizensadvice/box-sizing

Defines how the width and height of the element are calculated: whether they include the _borders_ and _padding_ or not.

@citizensadvice/buttons

Buttons is an isolated module.

@citizensadvice/cads

| Name | Type | Version | |------------------------|------|------------------------------------------------------------------------| | `@citizensadvice/cads` | Meta | ![npm (

@citizensadvice/cads-blockquote

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-blockquote.svg)

@citizensadvice/cads-box-model

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-box-model.svg)

@citizensadvice/cads-button-container

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-button-container.svg)

@citizensadvice/cads-buttons

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-buttons.svg)

@citizensadvice/cads-character-widths

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-character-widths.svg)

@citizensadvice/cads-flexbox

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-flexbox.svg)

@citizensadvice/cads-form-elements

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-elements.svg)

@citizensadvice/cads-form-fieldsets

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-fieldsets.svg)

@citizensadvice/cads-form-inputs

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-inputs.svg)

@citizensadvice/cads-form-labels

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-labels.svg)

@citizensadvice/cads-form-radios-checkboxes

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-labels.svg)

@citizensadvice/cads-form-selects

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-selects.svg)

@citizensadvice/cads-form-textareas

![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/cads-form-textareas.svg)