open-index/open-npm huggingface dataset:
npm package: @govuk-react/text-area
Description: Styled textarea supporting additional parameters via props.
Author: Alasdair McLeay
Latest version: 0.10.7

TextArea
========

### Import
```js
  import TextArea from '@govuk-react/text-area';
```
<!-- STORY -->

Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.

- https://govuk-react.github.io/govuk-react/?path=/docs/text-area
- https://design-system.service.gov.uk/components/textarea/

### Properties
Prop | Required | Default | Type | Description
:--- | :------- | :------ | :--- | :----------
 `error` |  |  | boolean | Apply error state styling to the component
 `hint` |  | ```undefined``` | ReactNode | 
 `input` |  | ```{}``` | TextareaHTMLAttributes<HTMLTextAreaElement> | 
 `margin` |  |  | Margin \| Margin[] | 
 `mb` |  |  | string \| number | 
 `meta` |  | ```{}``` | { error?: string \| string[]; touched?: boolean; } | 
 `padding` |  |  | Padding \| Padding[] |
npm package: @govuk-react/unordered-list
Description: Renders an unordered list containing children passed - also supports listStyleType prop.
Author: Alasdair McLeay
Latest version: 0.10.7

UnorderedList
=============

### Import
```js
  import UnorderedList from '@govuk-react/unordered-list';
```
<!-- STORY -->

Use lists to make blocks of text easier to read, and to break information into manageable chunks.

- https://govuk-react.github.io/govuk-react/?path=/docs/ordered-list
- https://design-system.service.gov.uk/styles/typography/#lists

### Properties
Prop | Required | Default | Type | Description
:--- | :------- | :------ | :--- | :----------
 `children` |  |  | ReactNode | One or more ListItem components
 `listStyleType` |  | ```undefined``` | string | CSS value for `list-style-type`, or `bullet` or `number` to match govuk-frontend
 `margin` |  |  | Margin \| Margin[] | 
 `mb` |  |  | string \| number | 
 `padding` |  |  | Padding \| Padding[] |
npm package: @govuk-react/warning-text
Description: Styles children passed within a div and strong element, also positioning an 'Important' icon to the left.
Author: Gavin Orland
Latest version: 0.10.7

WarningText
===========

### Import
```js
  import WarningText from '@govuk-react/warning-text';
```
<!-- STORY -->

Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.

- https://govuk-react.github.io/govuk-react/?path=/docs/warning-text
- https://design-system.service.gov.uk/components/warning-text/

### Properties
Prop | Required | Default | Type | Description
:--- | :------- | :------ | :--- | :----------
 `children` |  |  | ReactNode | Warning text to be displayed
npm package: @govwales/component-library
Description: GOV.WALES Design System Component Library for government digital services and platforms
Author: Welsh Government Corporate Digital Team
Latest version: 1.0.14

# GOV.WALES Component Library

&nbsp;

**BETA** This library is in development and is subject to change.

&nbsp;

## About

This library contains GOV.WALES design system components built using Typescript React and SASS. Components and states are documented in Storybook.

&nbsp;

## Contact the team

This repository is maintained by the Welsh Government Corporate Digital Team. If you want to know more about GOV.WALES Design System, please email the [Corporate Digital Team](mailto:digital@gov.wales).

&nbsp;

## Quick start

### 1. Install with npm (recommended)

`npm install @govwales/component-library`

&nbsp;

### 2. Importing GOV.WALES react components into your project

Follow the GOV.WALES component library guidance on how to use import components properties and mark-up.

`import { ComponentName } from '@govwales/component-library';`

&nbsp;

### 3. Importing SCSS or CSS into your project

You can import the GOV.WALES global styles into your
project using SCSS or CSS.

Your project will require a SCSS complier such as 'Dart-sass'.
To import dart sass:

`npm -i --save-dev sass`

&nbsp;

To import global SCSS add the below to your app react file:

```scss
@import '@govwales/component-library/dist/scss/_govwales-global.scss';
```

To import component SCSS only add the below to app react file:

```scss
@import '@govwales/component-library/dist/scss/_govwales-components.scss';
```

To import global SCSS and components add the below to app react file:

```scss
@import '@govwales/component-library/dist/scss/govwales-styles.scss';
```

To import global CSS add the below to app react file:

```scss
@import '@govwales/component-library/dist/css/govwales-styles.css';
```