@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
880 lines (696 loc) • 25.5 kB
HTML
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="/css/main.css" />
<title>Componentes Kit Digital USS</title>
</head>
<body>
<div class="container my-40">
<div class="row justify-content-center">
<div class="col-lg-8">
<h1>Componentes Kit Digital USS</h1>
<code>0.21.0</code>
<hr class="uc-hr my-28" />
<div class="p-size--lg mb-80">
<p class="">
Pagina de inicio de los componentes web del
<a href="https://kitdigital.uss.cl/">kitdigital.uss.cl</a>.
</p>
<p>
Estos pagina es autogenerada a partir del la carpeta
<code class="uc-class">docs/components/</code>
</p>
</div>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">alerts</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/alerts/alert-message.html"
class="uss-btn uss-btn--link"
>
alert-message
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/alerts/badges.html"
class="uss-btn uss-btn--link"
>
badges
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/alerts/modal-centered.html"
class="uss-btn uss-btn--link"
>
modal-centered
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/alerts/modal.html"
class="uss-btn uss-btn--link"
>
modal
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/alerts/toast.html"
class="uss-btn uss-btn--link"
>
toast
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">buttons</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-basic-showcase-disabled.html"
class="uss-btn uss-btn--link"
>
btn-basic-showcase-disabled
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-basic-showcase.html"
class="uss-btn uss-btn--link"
>
btn-basic-showcase
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-full-width.html"
class="uss-btn uss-btn--link"
>
btn-full-width
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-icon-showcase.html"
class="uss-btn uss-btn--link"
>
btn-icon-showcase
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-slider.html"
class="uss-btn uss-btn--link"
>
btn-slider
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/btn-theme-toggle.html"
class="uss-btn uss-btn--link"
>
btn-theme-toggle
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/buttons/tags.html"
class="uss-btn uss-btn--link"
>
tags
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">content</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/content/accordion.html"
class="uss-btn uss-btn--link"
>
accordion
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/buttons-variations.html"
class="uss-btn uss-btn--link"
>
buttons-variations
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-atributo.html"
class="uss-btn uss-btn--link"
>
cards-atributo
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-big.html"
class="uss-btn uss-btn--link"
>
cards-big
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-feature.html"
class="uss-btn uss-btn--link"
>
cards-feature
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-kpi.html"
class="uss-btn uss-btn--link"
>
cards-kpi
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-persona.html"
class="uss-btn uss-btn--link"
>
cards-persona
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards-small.html"
class="uss-btn uss-btn--link"
>
cards-small
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/cards.html"
class="uss-btn uss-btn--link"
>
cards
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/carousel-V2-hero.html"
class="uss-btn uss-btn--link"
>
carousel-V2-hero
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/carousel-cards-1.html"
class="uss-btn uss-btn--link"
>
carousel-cards-1
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/carousel-cards-2.html"
class="uss-btn uss-btn--link"
>
carousel-cards-2
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/carousel-content.html"
class="uss-btn uss-btn--link"
>
carousel-content
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/carousel-hero.html"
class="uss-btn uss-btn--link"
>
carousel-hero
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/divider.html"
class="uss-btn uss-btn--link"
>
divider
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/hero-carousel-slide.html"
class="uss-btn uss-btn--link"
>
hero-carousel-slide
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/hero-centered-with-bg.html"
class="uss-btn uss-btn--link"
>
hero-centered-with-bg
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/hero-centered.html"
class="uss-btn uss-btn--link"
>
hero-centered
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/hero-image-left.html"
class="uss-btn uss-btn--link"
>
hero-image-left
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/hero-image-right.html"
class="uss-btn uss-btn--link"
>
hero-image-right
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/main-banner-display.html"
class="uss-btn uss-btn--link"
>
main-banner-display
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/main-banner.html"
class="uss-btn uss-btn--link"
>
main-banner
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/opacity-layer-colors.html"
class="uss-btn uss-btn--link"
>
opacity-layer-colors
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/split-banner.html"
class="uss-btn uss-btn--link"
>
split-banner
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/split-reverse-banner.html"
class="uss-btn uss-btn--link"
>
split-reverse-banner
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/table-large.html"
class="uss-btn uss-btn--link"
>
table-large
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/table-normal.html"
class="uss-btn uss-btn--link"
>
table-normal
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/table-stripes-odd.html"
class="uss-btn uss-btn--link"
>
table-stripes-odd
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/table-stripes.html"
class="uss-btn uss-btn--link"
>
table-stripes
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/tabs-react.html"
class="uss-btn uss-btn--link"
>
tabs-react
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/tabs.html"
class="uss-btn uss-btn--link"
>
tabs
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/content/tooltip.html"
class="uss-btn uss-btn--link"
>
tooltip
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">forms</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-checkboxes.html"
class="uss-btn uss-btn--link"
>
input-checkboxes
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-radio-group.html"
class="uss-btn uss-btn--link"
>
input-radio-group
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-select.html"
class="uss-btn uss-btn--link"
>
input-select
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-states.html"
class="uss-btn uss-btn--link"
>
input-states
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-switch.html"
class="uss-btn uss-btn--link"
>
input-switch
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-text-area.html"
class="uss-btn uss-btn--link"
>
input-text-area
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/forms/input-text.html"
class="uss-btn uss-btn--link"
>
input-text
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">layout</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/layout/bootstrap-grid-2.html"
class="uss-btn uss-btn--link"
>
bootstrap-grid-2
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/layout/bootstrap-grid-3.html"
class="uss-btn uss-btn--link"
>
bootstrap-grid-3
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/layout/bootstrap-grid.html"
class="uss-btn uss-btn--link"
>
bootstrap-grid
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/layout/footer.html"
class="uss-btn uss-btn--link"
>
footer
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/layout/header.html"
class="uss-btn uss-btn--link"
>
header
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">navigation</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/breadcrumb.html"
class="uss-btn uss-btn--link"
>
breadcrumb
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/linked-list.html"
class="uss-btn uss-btn--link"
>
linked-list
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/links.html"
class="uss-btn uss-btn--link"
>
links
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/pagination.html"
class="uss-btn uss-btn--link"
>
pagination
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/stepper-desktop.html"
class="uss-btn uss-btn--link"
>
stepper-desktop
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/stepper-mobile.html"
class="uss-btn uss-btn--link"
>
stepper-mobile
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/navigation/stepper.html"
class="uss-btn uss-btn--link"
>
stepper
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">other</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/other/border.html"
class="uss-btn uss-btn--link"
>
border
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/other/elevations.html"
class="uss-btn uss-btn--link"
>
elevations
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/other/form-example.html"
class="uss-btn uss-btn--link"
>
form-example
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/other/icons.html"
class="uss-btn uss-btn--link"
>
icons
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/other/landing-example.html"
class="uss-btn uss-btn--link"
>
landing-example
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/other/modal-icons.html"
class="uss-btn uss-btn--link"
>
modal-icons
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">typography</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/typography/headings.html"
class="uss-btn uss-btn--link"
>
headings
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/typography/paragraphs-text-alt.html"
class="uss-btn uss-btn--link"
>
paragraphs-text-alt
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/typography/paragraphs.html"
class="uss-btn uss-btn--link"
>
paragraphs
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/typography/quotes-text-alt.html"
class="uss-btn uss-btn--link"
>
quotes-text-alt
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/typography/quotes.html"
class="uss-btn uss-btn--link"
>
quotes
</a>
</li>
</ul>
</section>
<section class="uss-linked-list w-100 mt-32">
<h3 class="h3 mb-20">utility</h3>
<ul class="uss-linked-list__items">
<li class="uss-linked-list__item">
<a
href="docs/components/utility/aspect-ratio-horizontal.html"
class="uss-btn uss-btn--link"
>
aspect-ratio-horizontal
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/utility/aspect-ratio-vertical.html"
class="uss-btn uss-btn--link"
>
aspect-ratio-vertical
</a>
</li>
<li class="uss-linked-list__item">
<a
href="docs/components/utility/aspect-ratio-with-images.html"
class="uss-btn uss-btn--link"
>
aspect-ratio-with-images
</a>
</li>
</ul>
</section>
</div>
</div>
</div>
</body>
<script type="module" src="/js/main.js"></script>
</html>