@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
43 lines (41 loc) • 1.11 kB
TypeScript
import React from 'react';
import { BaseComponentProps } from '../internal/base-component';
/**
* @awsuiSystem core
*/
export interface BadgeProps extends BaseComponentProps {
/**
* Specifies the badge color.
*/
color?: 'blue' | 'grey' | 'green' | 'red' | 'severity-critical' | 'severity-high' | 'severity-medium' | 'severity-low' | 'severity-neutral';
/**
* Text displayed inside the badge.
*/
children?: React.ReactNode;
/**
* @awsuiSystem core
*/
/**
* Attributes to add to the native element.
* Some attributes will be automatically combined with internal attribute values:
* - `className` will be appended.
* - Event handlers will be chained, unless the default is prevented.
*
* We do not support using this attribute to apply custom styling.
*
* @awsuiSystem core
*/
}
export declare namespace BadgeProps {
interface Style {
root?: {
background?: string;
borderColor?: string;
borderRadius?: string;
borderWidth?: string;
color?: string;
paddingBlock?: string;
paddingInline?: string;
};
}
}