skip to main content
skip to navigation sidebar
skip to context sidebar
Collection of theme-ui and external components.
Theme UI
Edit this page
created:3/15/2021
updated:3/15/2021
source lines:77
comments %:32

BlockContainer

Collapsible block container with a title. The title creates also an attribute id and an octicon for github style navigation.

Overview

Block title

browse
docs
issues
({ title }: BlockContainerProps) => {
  return (
    <BlockContainer title={title}>
      <Donut value={1 / 2} />
    </BlockContainer>
  );
}

Controls

Name
Description
Default
Controls
title

optional section title for the block.

string
-

A11y tests

Block title

Viewport

Block title

320px

Block title

375px

Block title

768px

Block title

1024px
Previous
component-controls/ActionContainer
Next
component-controls/Collapsible