Components

Input

<Input />

Wrapped input html element.

Usage

import { Input, InputProps, InputCSS } from '@admin-bro/design-system'
See:

View Source admin-bro-design-system/src/atoms/input.tsx, line 68

Example

Members

# constant InputCSS

Input CSS Styles which can be reused in another input component with styled-components

Usage:

import { InputCSS } from '@admin-bro/design-system'

const MyStyledInput = styled.input`
  ${InputCSS}
`

View Source admin-bro-design-system/src/atoms/input.tsx, line 21

Type Definitions

object

# InputProps

Prop Types of an Input component. Apart from variant it extends all LayoutProps and SpaceProps

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

Other props from LayoutProps, SpaceProps

View Source admin-bro-design-system/src/atoms/input.tsx, line 86