LogoLogo
Join our community
  • AdminJS
  • Contribute
  • Demo
  • Addons Marketplace
  • Installation
    • Getting started
    • Plugins
      • Adonis
      • Express
      • Nest
      • Fastify
      • Hapi
      • Koa
      • Community Plugins
        • FeathersJS
        • AdonisJS
      • Matrix
    • Adapters
      • TypeORM
      • Sequelize
      • Prisma
      • MikroORM
      • Objection
      • SQL
      • Mongoose
      • Community Adapters
        • AdonisJS
    • What's new in v7?
    • Migration Guide v7
  • Basics
    • Resource
    • Action
    • Property
    • Features
      • Relations
      • Upload
      • Logger
      • Import & Export
      • Password
      • Leaflet Maps
      • Writing your own features
    • API
      • List
      • New
      • Search
      • Show
      • Edit
      • Delete
      • Bulk Delete
    • Themes
    • Authentication
      • FirebaseAuthProvider
      • MatrixAuthProvider
  • How to write an addon?
  • UI Customization
    • Writing your own Components
    • Overwriting CSS styles
    • Dasard customization
    • Changing the form view
    • Storybook
  • Tutorials
    • Role-Based Access Control
    • Internationalization (i18n)
    • Content Management System
    • Custom components library
    • Custom component internationalization
  • FAQ
    • PDF Generator
    • Charts
    • Forgot Password
  • ⚠️Legacy documentation
Powered by GitBook
On this page
  1. Tutorials

Custom components library

@adminjs/custom-components

PreviousContent Management SystemNextCustom component internationalization

Last updated 2 years ago

If standard library components are not enough there is available library with custom ones. It is growing continuously to fulfill various users needs.

$ yarn add @adminjs/custom-components

Usage is similar to usinginstead writing own component just import one from library.

./components.ts

import { ComponentLoader } from 'adminjs'
import bundle from '@adminjs/custom-components'

const componentLoader = new ComponentLoader()

const Components = {
  // other custom components
  // 'CustomComponent' is the component name from library
  CustomComponent: bundle(componentLoader, 'CustomComponent'),
}

export { componentLoader, Components }
own components