1.0.1 • Published 8 years ago
react-text-panel v1.0.1
Setting up your component
Delete this section after you've setup the component
Before the component is accepted into the DLS:
Github: Create the repository under your own username/organisation
When the component is accepted into the DLS:
Github: Transfer ownership of the repository tofrontendBuildKite: Create aNew PipelineBuildKite: Enter the following settings:
- Name:
react-text-panel - Git Repository:
git@git.nib.com.au:frontend/react-text-panel.git
BuildKite:Removethe defaultStepand add aRead steps from repositorystep
- And add
cd deploy && bundle install && bundle update sceptre sceptre-dotnet sceptre-app && bundle exec sceptre-app pipeline uploadto the Commands to run textbox - And add
os=linuxto the Agent Targeting Rules textbox
BuildKite:Create Pipelineand follow the instructions to add the webhook to GithubEnterpriseBuildKite: Go toSettings
- Check
Build pull requests from third-party forked repositoriesand clickSave Github Enterprise Settings - Copy the
Markdownbadge fromSettingsand past it below.
Github: Edit the readme to remove these steps and kick off aNew buildGithub: Protect themasterbranch
- Go to
Settings>Branches - Choose the
masterbranch - Check
Protect this branch - Check
Require status checks to pass before merging - Check
Include administratorsandRequire branches to be up to date before merging - Check all
Status checks found in the last week for this repository
@nib-components/react-text-panel
A react-text-panel component.
Installation
npm install --save react-text-panelUsage
import TextPanel from 'react-text-panel';
<TextPanel/><ReactTextPanel/>
Properties
text
The text to be displayed (Can be markdown)
Required. An string.
title
Title of the panel
Optional. A string.
titleSize
Heading size of the title
Optional. A string. Defaults to '2'.
wrapperClassName
wrapperClassName
Optional. A string.
titleClassName
titleClassName
Optional. A string.
textClassName
textClassName
Optional. A string.
Change log
1.0.0
Initial release.
Contributing
You can edit the files in ./src, whilst running npm run watch. This will compile for the ./dist folder.