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 113

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 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 admin-bro-design-system/src/atoms/input.tsx, line 134

SoftwareBrothers

Proudly built and maintained by SoftwareBrothers

Software House with a passion for both JavaScript and TypeScript.

See what we do See what we believe in

Proudly built and maintained by

SoftwareBrothers