Styling

info

The following content is for DocSearch v3. If you are using DocSearch v2, see the legacy documentation.

caution

This documentation is in progress.

Introduction

DocSearch v3 comes with a theme package called @docsearch/css, which offers a sleek out of the box theme!

note

You don't need to install this package if you already have @docsearch/js or @docsearch/react installed!

Installation

yarn add @docsearch/css@alpha
# or
npm install @docsearch/css@alpha

If you don’t want to use a package manager, you can use a standalone endpoint:

<script src="https://cdn.jsdelivr.net/npm/@docsearch/css@alpha"></script>

Files

@docsearch/css
├── dist/style.css # all styles
├── dist/_variables.css # CSS variables
├── dist/button.css # CSS for the button
└── dist/modal.css # CSS for the modal