chore: disable eslint warning for href="#" attribute

This commit is contained in:
xidedix 2018-11-19 17:57:34 +01:00
parent 37be56a034
commit df3b3e220a
4 changed files with 18 additions and 1 deletions

View File

@ -21,11 +21,14 @@ class Breadcrumbs extends Component {
<BreadcrumbItem active>Home</BreadcrumbItem> <BreadcrumbItem active>Home</BreadcrumbItem>
</Breadcrumb> </Breadcrumb>
<Breadcrumb> <Breadcrumb>
{/*eslint-disable-next-line*/}
<BreadcrumbItem><a href="#">Home</a></BreadcrumbItem> <BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
<BreadcrumbItem active>Library</BreadcrumbItem> <BreadcrumbItem active>Library</BreadcrumbItem>
</Breadcrumb> </Breadcrumb>
<Breadcrumb> <Breadcrumb>
{/*eslint-disable-next-line*/}
<BreadcrumbItem><a href="#">Home</a></BreadcrumbItem> <BreadcrumbItem><a href="#">Home</a></BreadcrumbItem>
{/* eslint-disable-next-line*/}
<BreadcrumbItem><a href="#">Library</a></BreadcrumbItem> <BreadcrumbItem><a href="#">Library</a></BreadcrumbItem>
<BreadcrumbItem active>Data</BreadcrumbItem> <BreadcrumbItem active>Data</BreadcrumbItem>
</Breadcrumb> </Breadcrumb>

View File

@ -388,8 +388,11 @@ class Cards extends Component {
<CardHeader> <CardHeader>
Card actions Card actions
<div className="card-header-actions"> <div className="card-header-actions">
{/*eslint-disable-next-line*/}
<a href="#" className="card-header-action btn btn-setting"><i className="icon-settings"></i></a> <a href="#" className="card-header-action btn btn-setting"><i className="icon-settings"></i></a>
{/*eslint-disable-next-line*/}
<a className="card-header-action btn btn-minimize" data-target="#collapseExample" onClick={this.toggle}><i className="icon-arrow-up"></i></a> <a className="card-header-action btn btn-minimize" data-target="#collapseExample" onClick={this.toggle}><i className="icon-arrow-up"></i></a>
{/*eslint-disable-next-line*/}
<a className="card-header-action btn btn-close" onClick={this.toggleFade}><i className="icon-close"></i></a> <a className="card-header-action btn btn-close" onClick={this.toggleFade}><i className="icon-close"></i></a>
</div> </div>
</CardHeader> </CardHeader>

View File

@ -82,6 +82,7 @@ class Tooltips extends Component {
</div> </div>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
{/*eslint-disable-next-line*/}
<p>Somewhere in here is a <a href="#" id="TooltipExample">tooltip</a>.</p> <p>Somewhere in here is a <a href="#" id="TooltipExample">tooltip</a>.</p>
<Tooltip placement="right" isOpen={this.state.tooltipOpen[0]} target="TooltipExample" toggle={() => {this.toggle(0);}}> <Tooltip placement="right" isOpen={this.state.tooltipOpen[0]} target="TooltipExample" toggle={() => {this.toggle(0);}}>
Hello world! Hello world!
@ -94,6 +95,7 @@ class Tooltips extends Component {
<small> disable autohide</small> <small> disable autohide</small>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
{/*eslint-disable-next-line*/}
<p>Sometimes you need to allow users to select text within a <a href="#" id="DisabledAutoHideExample">tooltip</a>.</p> <p>Sometimes you need to allow users to select text within a <a href="#" id="DisabledAutoHideExample">tooltip</a>.</p>
<Tooltip placement="top" isOpen={this.state.tooltipOpen[1]} autohide={false} target="DisabledAutoHideExample" toggle={() => {this.toggle(1);}}> <Tooltip placement="top" isOpen={this.state.tooltipOpen[1]} autohide={false} target="DisabledAutoHideExample" toggle={() => {this.toggle(1);}}>
Try to select this text! Try to select this text!
@ -117,6 +119,7 @@ class Tooltips extends Component {
<small> uncontrolled</small> <small> uncontrolled</small>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
{/*eslint-disable-next-line*/}
<p>Somewhere in here is a <a href="#" id="UncontrolledTooltipExample">tooltip</a>.</p> <p>Somewhere in here is a <a href="#" id="UncontrolledTooltipExample">tooltip</a>.</p>
<UncontrolledTooltip placement="right" target="UncontrolledTooltipExample"> <UncontrolledTooltip placement="right" target="UncontrolledTooltipExample">
Hello world! Hello world!

View File

@ -66,27 +66,35 @@ class Alerts extends Component {
</CardHeader> </CardHeader>
<CardBody> <CardBody>
<Alert color="primary"> <Alert color="primary">
{/*eslint-disable-next-line*/}
This is a primary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a primary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="secondary"> <Alert color="secondary">
{/*eslint-disable-next-line*/}
This is a secondary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a secondary alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="success"> <Alert color="success">
{/*eslint-disable-next-line*/}
This is a success alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a success alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="danger"> <Alert color="danger">
{/*eslint-disable-next-line*/}
This is a danger alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a danger alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="warning"> <Alert color="warning">
{/*eslint-disable-next-line*/}
This is a warning alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a warning alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="info"> <Alert color="info">
{/*eslint-disable-next-line*/}
This is a info alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a info alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="light"> <Alert color="light">
{/*eslint-disable-next-line*/}
This is a light alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a light alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
<Alert color="dark"> <Alert color="dark">
{/*eslint-disable-next-line*/}
This is a dark alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like. This is a dark alert with <a href="#" className="alert-link">an example link</a>. Give it a click if you like.
</Alert> </Alert>
</CardBody> </CardBody>