+ K
search icon svg
Style Guide Components API reference

Welcome to Starbase documentation ⭐️

This is an introductory section that will showcase you the most used building blocks for doc articles and format your code. Scroll down and see Starbase components and explore their configuration in the Hubspot editor. 

Starbase navigation

Navigation is available as the sidebar on the right for desktop or dropdown menu for mobile. Currently this is a global module that can be edited and applied for Starbase in any its page editor. You can build up navigation single block up to 3-levels at the moment.

Basic theme modules

This documentation is based on the base Atmosphere theme.  All theme modules are available to use in this documentation pages as needed. Below is one example of using Cards module for content input.

HubSpot-Emblem

Documentation hosted on Hubspot

Custom documentation base to be used by the teams internally

1041015355-196ef671c3261d9e49f4285aee8710a97b101a4498d3d14b5f3b974dc2a0507e-d_640

Evermade Atmosphere theme

Hubspot theme that can suit any business

Block module

Block module is a great option when certain categories needs to be displayed in a nice listing with ability to apply custom icon. If needed, each block can be converted as a link. Below is the basic blocks configuration 

Cost-Effective

HubDB

Lorem ipsum dolor sit amet, consectetur adipiscing

With care

Custom events

Create and call custom analytical events

Code

Blog templates

See sample blog set up

Scalable

Workflows

Programmable workflows

Another example of the blocks module, but where every element is acting as a redirect link

Performance

SEO and Hubspot

Optimise SEO with Hubspot tools

Responsive

Deals pipeline

Get API reference for Deal object

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis. Et non ex maxima parte de tota iudicabis? Utrum igitur tibi litteram videor an totas paginas commovere? Huius, Lyco, oratione locuples, rebus ipsis ielunior. Causa autem fuit huc veniendi ut quosdam hinc libros promerem. Duo Reges: constructio interrete.

Summum ením bonum exposuit vacuitatem doloris; Summum a vobis bonum voluptas dicitur. Oculorum, inquit Plato, est in nobis sensus acerrimus, quibus sapientiam non cernimus. Illis videtur, qui illud non dubitant bonum dicere -; Philosophi autem in suis lectulis plerumque moriuntur. At, si voluptas esset bonum, desideraret.

Parvi enim primo ortu sic iacent, tamquam omnino sine animo sint. Quid enim mihi potest esse optatius quam cum Catone, omnium virtutum auctore, de virtutibus disputare? Pauca mutat vel plura sane; Inde sermone vario sex illa a Dipylo stadia confecimus. Bork Quamquam tu hanc copiosiorem etiam soles dicere.

Cur id non ita fit? Ergo id est convenienter naturae vivere, a natura discedere. Nulla erit controversia. Cur iustitia laudatur? Duo Reges: constructio interrete.

Showcase of using code formatter inside Starbase docs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illi enim inter se dissentiunt. Atqui, inquam, Cato, si istud optinueris, traducas me ad te totum licebit. Collige omnia, quae soletis: Praesidium amicorum. Atqui eorum nihil est eius generis, ut sit in fine atque extrerno bonorum. Duo Reges: constructio interrete. Profectus in exilium Tubulus statim nec respondere ausus; Est enim tanti philosophi tamque nobilis audacter sua decreta defendere. Summum ením bonum exposuit vacuitatem doloris; Eadem nunc mea adversum te oratio est. Ex ea difficultate illae fallaciloquae, ut ait Accius, malitiae natae sunt.

Etsi qui potest intellegi aut cogitari esse aliquod animal, quod se oderit? Tum Piso: Quoniam igitur aliquid omnes, quid Lucius noster? Verum hoc loco sumo verbis his eandem certe vim voluptatis Epicurum nosse quam ceteros. Istic sum, inquit. Neque enim civitas in seditione beata esse potest nec in discordia dominorum domus; Erit enim mecum, si tecum erit.

JavaScript


    addLinkEventListener(element, link) {
        if (element.getAttribute('target') && element.getAttribute('target').includes("_blank")) {
            element.addEventListener("click", () => window.open(link, "_blank", "noopener"));
            this.preventNestedLinkPropagation(element);
        } else {
            element.addEventListener("click", () => window.location.href = link);
            element.addEventListener('keydown', function (e) {

                if (e.keyCode == 13) {
                    element.click();
                }
            });
        }
    },