Components

Illustration

<Illustration />

Awesome database with all the illustrations provided with AdminJS.

The best thing about them is that they follow your Theme color palette.

Usage

import { Illustration, IllustrationProps } from '@adminjs/design-system'
See:

View Source adminjs-design-system/src/atoms/illustration.tsx, line 45

Examples

Folders

DocumentSearch

Rocket

Type Definitions

object

# IllustrationProps

Properties:
Name Type Attributes Description
variant 'Moon' | 'Rocket' | 'Astronaut' | 'DocumentCheck' | 'DocumentSearch' | 'FileSearch' | 'FlagInCog' | 'Folders' | 'Launch' | 'Planet' | 'AdminJSLogo' | 'SoftwareBrothersLogo' | 'GithubLogo' | 'SlackLogo'

Available illustration variant

width number <optional>

Optional max width restrictions

height number <optional>

Optional max height restrictions

View Source adminjs-design-system/src/atoms/illustration.tsx, line 52