react-native-elements
Version:
React Native Elements & UI Toolkit
225 lines (217 loc) • 19.3 kB
HTML
<html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Label Guide · React Native Elements</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta name="description" content="<style>"/><meta name="docsearch:version" content="1.0.0"/><meta name="docsearch:language" content="en"/><meta property="og:title" content="Label Guide · React Native Elements"/><meta property="og:type" content="website"/><meta property="og:url" content="https://react-native-training.github.io//react-native-elements/index.html"/><meta property="og:description" content="<style>"/><meta name="twitter:card" content="summary"/><link rel="shortcut icon" href="/react-native-elements/img/favicon.png"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"/><link rel="alternate" type="application/atom+xml" href="https://react-native-training.github.io//react-native-elements/blog/atom.xml" title="React Native Elements Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://react-native-training.github.io//react-native-elements/blog/feed.xml" title="React Native Elements Blog RSS Feed"/><script type="text/javascript" src="https://buttons.github.io/buttons.js"></script><link rel="stylesheet" href="/react-native-elements/css/prism.css"/><link rel="stylesheet" href="/react-native-elements/css/main.css"/><script src="/react-native-elements/js/codetabs.js"></script></head><body class="sideNavVisible separateOnPageNav"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/react-native-elements/"><img class="logo" src="/react-native-elements/img/logo.png" alt="React Native Elements"/></a><a href="/react-native-elements/versions.html"><h3>1.0.0</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li class="siteNavGroupActive"><a href="/react-native-elements/docs/getting_started.html" target="_self">Docs</a></li><li class="siteNavGroupActive"><a href="/react-native-elements/docs/overview.html" target="_self">Components</a></li><li class=""><a href="/react-native-elements/help.html" target="_self">Help</a></li><li class=""><a href="https://github.com/react-native-training/react-native-elements" target="_self">GitHub</a></li><li class=""><a href="/react-native-elements/blog/" target="_self">Blog</a></li><li class="navSearchWrapper reactNavSearchWrapper"><input type="text" id="search_input_react" placeholder="Search" title="Search"/></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><i></i></div><h2><i>›</i><span>Repo</span></h2><div class="tocToggler" id="tocToggler"><i class="icon-toc"></i></div></div><div class="navGroups"><div class="navGroup"><h3 class="navGroupCategoryTitle">It Starts Basic</h3><ul class=""><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/getting_started.html">Getting Started</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/overview.html">Overview</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/customization.html">Customization</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/troubleshooting.html">Troubleshooting</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle">Components</h3><ul class=""><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/avatar.html">Avatar</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/badge.html">Badge</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/button.html">Button</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/button_group.html">ButtonGroup</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/card.html">Card</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/checkbox.html">CheckBox</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/divider.html">Divider</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/header.html">Header</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/icon.html">Icon</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/image.html">Image</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/input.html">Input</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/listitem.html">ListItem</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/overlay.html">Overlay</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/pricing.html">Pricing</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/rating.html">Rating</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/searchbar.html">SearchBar</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/slider.html">Slider</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/social_icon.html">SocialIcon</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/text.html">Text</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/tile.html">Tile</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/tooltip.html">Tooltip</a></li></ul></div><div class="navGroup"><h3 class="navGroupCategoryTitle">Repo</h3><ul class=""><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/contributing.html">Contributing</a></li><li class="navListItem"><a class="navItem" href="/react-native-elements/docs/testing.html">Testing</a></li><li class="navListItem navListItemActive"><a class="navItem" href="/react-native-elements/docs/labels.html">Label Guide</a></li></ul></div></div></section></div><script>
var coll = document.getElementsByClassName('collapsible');
var checkActiveCategory = true;
for (var i = 0; i < coll.length; i++) {
var links = coll[i].nextElementSibling.getElementsByTagName('*');
if (checkActiveCategory){
for (var j = 0; j < links.length; j++) {
if (links[j].classList.contains('navListItemActive')){
coll[i].nextElementSibling.classList.toggle('hide');
coll[i].childNodes[1].classList.toggle('rotate');
checkActiveCategory = false;
break;
}
}
}
coll[i].addEventListener('click', function() {
var arrow = this.childNodes[1];
arrow.classList.toggle('rotate');
var content = this.nextElementSibling;
content.classList.toggle('hide');
});
}
document.addEventListener('DOMContentLoaded', function() {
createToggler('#navToggler', '#docsNav', 'docsSliderActive');
createToggler('#tocToggler', 'body', 'tocActive');
const headings = document.querySelector('.toc-headings');
headings && headings.addEventListener('click', function(event) {
if (event.target.tagName === 'A') {
document.body.classList.remove('tocActive');
}
}, false);
function createToggler(togglerSelector, targetSelector, className) {
var toggler = document.querySelector(togglerSelector);
var target = document.querySelector(targetSelector);
if (!toggler) {
return;
}
toggler.onclick = function(event) {
event.preventDefault();
target.classList.toggle(className);
};
}
});
</script></nav></div><div class="container mainContainer"><div class="wrapper"><div class="post"><header class="postHeader"><a class="edit-page-link button" href="https://github.com/react-native-training/react-native-elements/edit/master/docs/labels.md" target="_blank" rel="noreferrer noopener">Edit</a><h1 class="postHeaderTitle">Label Guide</h1></header><article><div><span><style>
.label {
font-size: 16px;
font-weight: 600;
line-height: 2;
color: #ffffff;
padding: 8px;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);
}
.label.bug {
background-color: #ee0701;
}
.label.bug-fix {
background-color: #b60205;
}
.label.help {
background-color: #128A0C;
}
.label.question {
background-color: #cc317c;
}
.label.reply {
background-color: #0052cc;
}
.label.docs {
color: #000;
background-color: #1d86b7;
}
.label.enhancement {
background-color: #0052cc;
}
.label.first {
background-color: #464EBA;
}
.label.v1 {
background-color: #F3CB46;
color: #000;
}
.label.fixed {
background-color: #CEE3CE;
color: #000;
}
.label.response {
background-color: #d93f0b;
}
.label.new {
background-color: #0e8a16;
}
.label.release {
background-color: #5319e7;
}
.label.thoughts {
background-color: #fbca04;
color: #000;
}
.label.types {
background-color: #e4b4f7;
color: #000;
}
.label.wip {
background-color: #1d76db;
}
.label.pr-submitted {
background-color: #7621a8;
}
.label.tooling {
background-color: #054c70;
}
</style>
<p>This page explains how we use labels throughout the repo to tag issues and pull
requests. Knowing our label structure will help you to be able to triage issues
easier and know how to contribute to open issues and pull requests.</p>
<h2><a class="anchor" aria-hidden="true" id="issues"></a><a href="#issues" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Issues</h2>
<p><a class="label first" href="https://github.com/react-native-training/react-native-elements/labels/Good%20First%20Issue" target="_blank">
Good First Issue
</a></p>
<p>A well documented issue explaining the tasks needed to accomplish it, that
should be suitable for a new contributor to the project</p>
<p><a class="label bug" href="https://github.com/react-native-training/react-native-elements/labels/%3Aboom%3A%20%20Bug" target="_blank">
💥 Bug
</a></p>
<p>The problem reported has been tested and the effect replicated by a maintainer</p>
<p><a class="label help" href="https://github.com/react-native-training/react-native-elements/labels/🔦%20Help%20Wanted" target="_blank">
🔦 Help Wanted
</a></p>
<p>My code is broken and I don't know why. I need help!</p>
<p><a class="label question" href="https://github.com/react-native-training/react-native-elements/labels/❔Question" target="_blank">
❔ Question
</a></p>
<p>Seeking information that doesn't include code. e.g “can I use react navigation
with react-native-elements?”</p>
<p><a class="label reply" href="https://github.com/react-native-training/react-native-elements/labels/⏳Awaiting%20Reply" target="_blank">
⏳ Awaiting Reply
</a></p>
<p>Maintainer has replied to the user and there's been no response. After 2 weeks
any issues with this label should be closed as inactive.</p>
<p><a class="label fixed" href="https://github.com/react-native-training/react-native-elements/labels/✅%20Fixed%20-%20Next%20Release" target="_blank">
✅ Fixed - Next Release
</a></p>
<p>Issue or feature has been implemented and will be apart of the next npm release</p>
<p><a class="label pr-submitted" href="https://github.com/react-native-training/react-native-elements/labels/📥%20PR%20Submitted" target="_blank">
📥 PR Submitted
</a></p>
<p>A pull request has been submitted to resolve this issue or implement this
feature</p>
<hr>
<h2><a class="anchor" aria-hidden="true" id="pull-requests"></a><a href="#pull-requests" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Pull Requests</h2>
<p><a class="label bug-fix" href="https://github.com/react-native-training/react-native-elements/labels/💊%20Bug%20Fix" target="_blank">
💊 Bug Fix
</a></p>
<p>Fixes a bug reported in an issue</p>
<p><a class="label response" href="https://github.com/react-native-training/react-native-elements/labels/📞%20Needs%20Response%20from%20Author" target="_blank">
📞 Needs Response from Author
</a></p>
<p>Maintainer has left feedback on the pull request and it needs a response or a
revision made from the author</p>
<p><a class="label release" href="https://github.com/react-native-training/react-native-elements/labels/📦%20RELEASE" target="_blank">
📦 RELEASE
</a></p>
<p>Pull request for the next version to be released</p>
<p><a class="label wip" href="https://github.com/react-native-training/react-native-elements/labels/👨%E2%80%8D💻WIP" target="_blank">
👨💻 WIP
</a></p>
<p>Work In Progress. Author is still working on this PR and it shouldn't be merged
or reviewed as yet</p>
<hr>
<h2><a class="anchor" aria-hidden="true" id="both"></a><a href="#both" aria-hidden="true" class="hash-link"><svg class="hash-link-icon" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>Both</h2>
<p><a class="label thoughts" href="https://github.com/react-native-training/react-native-elements/labels/🤔Thoughts%3F" target="_blank">
🤔 Thoughts?
</a></p>
<p>Requires discussion for decisions that are unsure</p>
<p><a class="label tooling" href="https://github.com/react-native-training/react-native-elements/labels/🔧%20Tooling" target="_blank">
🔧 Tooling
</a></p>
<p>Issues or pull requests that affect tooling e.g tests, npm, ci</p>
<p><a class="label docs" href="https://github.com/react-native-training/react-native-elements/labels/%3Abook%3A%20Docs" target="_blank">
📖 Docs
</a></p>
<p>Issues or pull requests surrounding documentation</p>
<p><a class="label enhancement" href="https://github.com/react-native-training/react-native-elements/labels/✨Enhancement" target="_blank">
✨ Enhancement
</a></p>
<p>Suggests and implements improvements or additions to existing components</p>
<p><a class="label new" href="https://github.com/react-native-training/react-native-elements/labels/💡New%20Component" target="_blank">
💡 New Component
</a></p>
<p>Suggests or implements a new component</p>
<p><a class="label types" href="https://github.com/react-native-training/react-native-elements/labels/🗂%20Types" target="_blank">
🗂 Types
</a></p>
<p>Issues and pull requests around typescript definitions</p>
<p><a class="label v1" href="https://github.com/react-native-training/react-native-elements/labels/🥇v1" target="_blank">
🥇 v1
</a></p>
<p>Temporary tag associated with the release of version 1.0.0</p>
</span></div></article></div><div class="docs-prevnext"><a class="docs-prev button" href="/react-native-elements/docs/testing.html"><span class="arrow-prev">← </span><span>Testing</span></a></div></div></div><nav class="onPageNav"><ul class="toc-headings"><li><a href="#issues">Issues</a></li><li><a href="#pull-requests">Pull Requests</a></li><li><a href="#both">Both</a></li></ul></nav></div><footer class="nav-footer" id="footer"><section class="sitemap"><a href="/react-native-elements/" class="nav-home"><img src="/react-native-elements/img/logo.png" alt="React Native Elements" width="120" height="58"/></a><div><h5>Docs</h5><a href="/react-native-elements/docs/en/getting_started.html">Getting Started</a><a href="/react-native-elements/docs/en/overview.html">Components</a></div><div><h5>Community</h5><a href="https://reactnativetraining.herokuapp.com/" target="_blank">Chat with us on Slack</a><a href="https://github.com/react-native-training/react-native-elements/issues/" target="_blank">Submit a bug or feature</a><a href="https://opencollective.com/react-native-elements" target="_blank">Support us on Open Collective</a></div><div><h5>More</h5><a href="https://github.com/react-native-training/react-native-elements" target="blank">GitHub</a><a class="github-button" href="https://github.com/react-native-training/react-native-elements" data-icon="octicon-star" data-count-href="/facebook/docusaurus/stargazers" data-show-count="true" data-count-aria-label="# stargazers on GitHub" aria-label="Star this project on GitHub">Star</a></div></section><section class="copyright-logo-container"><a href="http://reactnative.training" target="_blank"><img src="/react-native-elements/img/react-native-training.png" alt="React Native Training" width="90"/></a></section><section class="copyright">Copyright © 2019 React Native Training</section></footer></div><script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script><script>
document.addEventListener('keyup', function(e) {
if (e.target !== document.body) {
return;
}
// keyCode for '/' (slash)
if (e.keyCode === 191) {
const search = document.getElementById('search_input_react');
search && search.focus();
}
});
</script><script>
var search = docsearch({
apiKey: '89e04a9445d16350e100c2d2421f2d39',
indexName: 'react_native_elements',
inputSelector: '#search_input_react'
});
</script></body></html>