@billogram/foundation-panel

React panel components

Usage no npm install needed!

<script type="module">
  import billogramFoundationPanel from 'https://cdn.skypack.dev/@billogram/foundation-panel';
</script>

README

@billogram/foundation-panel

React panel components

Install

yarn add @billogram/foundation-panel

Usage

import {
    FoundationMessagePanel,
    FoundationPanel,
    FoundationSectionPanel,
} from '@billogram/foundation-panel';

See types for exported types.

FoundationMessagePanel

<FoundationMessagePanel
    title={ null }
    ui="gray">
    ...
</FoundationMessagePanel>

FoundationPanel

<FoundationPanel
    rounded="all"
    ui="gray">
    ...
</FoundationPanel>

FoundationSectionPanel

<FoundationSectionPanel
    canEdit={ true }
    canToggle={ false }
    description={ null }
    editButtonText={ pgettext('generic-action', 'Edit') }
    title={ null }>
    ...
</FoundationPanel>

Note

This library is being published with our use cases in mind and is not necessarily meant to be consumed by the broader public. We probably won't take your feature requests unless they align with our own needs.

License

MIT