#Help using Payload styles in a custom admin component

4 messages · Page 1 of 1 (latest)

opal pumice
#

I'm adding a custom BeforeNavLinks component and want to use built-in styles to keep a consistent appearance in the admin panel.

Not sure if there's any reference for the default admin styles - I did search but may have missed something in the docs!

Currently my AppHomepageLink component is just a placeholder, but I'd like to add spacing underneath. Longer term I plan to expand the UI in other ways but just trying to understand what's possible at the moment!

My questions

  • Where (if anywhere) can I find details of the styles available?
  • Do I need to create a styles.scss file or similar, or can I add classes in my component directly (a-la-Tailwind)?

My component


const AppHomepageLink: React.FC = () => {
  return (
    <div>App Homepage Link Component</div>
  )
}

export default AppHomepageLink```
### Screenshot
rose anvilBOT
opal pumice
#

Help using Payload styles in a custom admin component

opal pumice
#

After posting this I found a reference to the UI package - going to look into this today. But any guidance still very much welcomed!