Components

Input

<Input />

Wrapped input html element.

Usage

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

View Source adminjs-design-system/src/atoms/input.tsx, line 113

Example

Members

# constant InputCSS

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

Usage:

import { InputCSS } from '@adminjs/design-system'

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

View Source adminjs-design-system/src/atoms/input.tsx, line 62

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

borderless boolean <optional>
variant 'sm' | 'lg' | 'xl' | 'default' | 'xxl' <optional>

View Source adminjs-design-system/src/atoms/input.tsx, line 134