Components

Button

<Button />

Members

# constant ButtonCSS

Button CSS Styles which can be reused in another button-like component with styled-components

Usage:

import { ButtonCSS } from '@adminjs/design-system'
import { Link } from 'react-router-dom'

const MyStyledLink = styled(Link)`
  ${ButtonCSS}
`

View Source adminjs-design-system/src/atoms/button/button-css.tsx, line 154

Type Definitions

object

# ButtonProps

Properties:
Name Type Attributes Description
... string <optional>

Other props from ColorProps, SpaceProps and TypographyProps

variant VariantType | 'text' <optional>

Button color variant

size 'sm' | 'lg' | 'icon' | 'default' | 'md' <optional>

Button size variant

rounded boolean <optional>

If button should be rounded

label string <optional>

You can either pass an label prop - or use react Children.

View Source adminjs-design-system/src/atoms/button/button-props.ts, line 7