Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,37 +1,6 @@
# API Docs
# db-button

<!-- ## Style Dependencies

Add the following styles to your application. If you have added the base dependencies already for another component, don't do again.

- replace {path} with your path to copied css
- replace {theme} with one of [enterprise,fernverkehr]

```css
// base dependencies (required)
@import url({path}/themes/{theme}/css/00-base/colors/colors.vars.css);
@import url({path}/themes/{theme}/css/00-base/type/fonts.css);

// component style (required)
@import url({path}/themes/{theme}/css/01-elements/buttons/button.vars.css);

// if icons used
@import url({path}/themes/{theme}/css/00-base/icons/icons.action.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.av.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.communication.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.covid-19.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.facilities.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.feature.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.food.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.journey.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.maps.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.navigation.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.notification.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.seat.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.ticket.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.transportation.css);
@import url({path}/themes/{theme}/css/00-base/icons/missing-icons.css);
``` -->

<!-- Auto Generated Below -->

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
| `alt` | `alt` | The alt attribute for the image. | `string` | `undefined` |
| `content` | `content` | The content represents the content of the card. It's optional and you can use slot for custom tags. | `string` | `undefined` |
| `header` | `header` | The header represents the title of the card. It's optional and you can use slot for custom tags. | `string` | `undefined` |
| `illustration` | `illustration` | The illustration which will show a predefined svg. -Development: enum can be generated with /scripts/illustration-generator- | `"mask" \| "error" \| "location" \| "calendar" \| "heart" \| "search" \| "chat" \| "wifi" \| "coffee-cup" \| "restaurant" \| "home" \| "timetable" \| "bicycle" \| "car" \| "alarm-clock" \| "blizzard" \| "broken" \| "buggy" \| "bus" \| "christmas" \| "clock-moving" \| "compass" \| "construction-sign" \| "construction-worker" \| "customer-feedback" \| "db-clock" \| "db-comfort-checkin" \| "db-ticket-shop" \| "db-ticket-vending-machine" \| "db-trainstation-with-train" \| "db-trainstation" \| "db-travel-center" \| "db-video-travel-center" \| "delayed" \| "der-kleine-ice" \| "diamond" \| "disruptions" \| "distance" \| "ffp2-mask-with-sign" \| "ffp2-mask" \| "fokus" \| "gaming-no-wire" \| "gaming" \| "green-energy" \| "green" \| "handshake" \| "handwashing" \| "hashtag" \| "information" \| "itinerary" \| "kiosk" \| "laptop" \| "local-train" \| "lost-and-found" \| "luggage" \| "mini-store" \| "mobileticket-brand" \| "mobileticket-feature" \| "movie" \| "news" \| "newsletter" \| "newspaper" \| "no-handshaking" \| "onlineshop-brand" \| "onlineshop-feature" \| "onlineticket-brand" \| "onlineticket-feature" \| "passenger-rights" \| "podcast" \| "poi-berlin-copy" \| "poi-berlin" \| "savings" \| "scan-ticket-printout" \| "self-driving" \| "show-ticket" \| "single-entry" \| "smartphone" \| "sport" \| "suitcase" \| "tablet" \| "thunderstorm" \| "tickets" \| "tips" \| "transportation-advertising" \| "whats-schmutzig"` | `undefined` |
| `illustration` | `illustration` | The illustration which will show a predefined svg. -Development: enum can be generated with /scripts/illustration-generator- | `"error" \| "mask" \| "location" \| "alarm-clock" \| "bicycle" \| "blizzard" \| "broken" \| "buggy" \| "bus" \| "calendar" \| "car" \| "chat" \| "christmas" \| "clock-moving" \| "coffee-cup" \| "compass" \| "construction-sign" \| "construction-worker" \| "customer-feedback" \| "db-clock" \| "db-comfort-checkin" \| "db-ticket-shop" \| "db-ticket-vending-machine" \| "db-trainstation-with-train" \| "db-trainstation" \| "db-travel-center" \| "db-video-travel-center" \| "delayed" \| "der-kleine-ice" \| "diamond" \| "disruptions" \| "distance" \| "ffp2-mask-with-sign" \| "ffp2-mask" \| "fokus" \| "gaming-no-wire" \| "gaming" \| "green-energy" \| "green" \| "handshake" \| "handwashing" \| "hashtag" \| "heart" \| "home" \| "information" \| "itinerary" \| "kiosk" \| "laptop" \| "local-train" \| "lost-and-found" \| "luggage" \| "mini-store" \| "mobileticket-brand" \| "mobileticket-feature" \| "movie" \| "news" \| "newsletter" \| "newspaper" \| "no-handshaking" \| "onlineshop-brand" \| "onlineshop-feature" \| "onlineticket-brand" \| "onlineticket-feature" \| "passenger-rights" \| "podcast" \| "poi-berlin-copy" \| "poi-berlin" \| "restaurant" \| "savings" \| "scan-ticket-printout" \| "search" \| "self-driving" \| "show-ticket" \| "single-entry" \| "smartphone" \| "sport" \| "suitcase" \| "tablet" \| "thunderstorm" \| "tickets" \| "timetable" \| "tips" \| "transportation-advertising" \| "whats-schmutzig" \| "wifi"` | `undefined` |
| `image` | `image` | The prop image can be used instead of illustration to show a custom img. | `string` | `undefined` |
| `uiCoreIllustrationPath` | `illustration-path` | The illustration-path defines the path to DB UI Core illustrations. If you want to use other/custom images use the image prop instead. | `string` | `'./icons/illustrative'` |
| `variant` | `variant` | The variant which is banner or title. | `"banner" \| "title"` | `'banner'` |
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# db-card-list
# db-cards



Expand Down
Original file line number Diff line number Diff line change
@@ -1,20 +1,6 @@
# API Docs
# db-checkbox

<!-- ## Style Dependencies

Add the following styles to your application, if like to use a special theme. If the base dependencies are already added for another component, don't do again.

- replace {path} with your path to copied css
- replace {theme} with one of [enterprise,fernverkehr]

```css
// required base dependencies
@import url({path}/themes/{theme}/css/00-base/colors/colors.vars.css);
@import url({path}/themes/{theme}/css/00-base/type/fonts.css);

// component style
@import url({path}/themes/{theme}/css/01-elements/checkbox/checkbox.vars.css);
``` -->

<!-- Auto Generated Below -->

Expand Down
Original file line number Diff line number Diff line change
@@ -1,29 +1,6 @@
# API Docs

<!-- ## Style Dependencies

Add the following styles to your application.

- replace {path} with your path to copied css
- replace {theme} with one of [enterprise,fernverkehr]

```css
@import url({path}/themes/{theme}/css/00-base/icons/icons.action.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.av.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.communication.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.covid-19.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.facilities.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.feature.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.food.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.journey.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.maps.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.navigation.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.notification.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.seat.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.ticket.css);
@import url({path}/themes/{theme}/css/00-base/icons/icons.transportation.css);
@import url({path}/themes/{theme}/css/00-base/icons/missing-icons.css);
``` -->
# db-icon



<!-- Auto Generated Below -->

Expand Down
Original file line number Diff line number Diff line change
@@ -1,20 +1,6 @@
# API Docs
# db-input

<!-- ## Style Dependencies

Add the following styles to your application. If you have added the base dependencies already for another component, don't do again.

- replace {path} with your path to copied css
- replace {theme} with one of [enterprise,fernverkehr]

```css
// required base dependencies
@import url({path}/themes/{theme}/css/00-base/colors/colors.vars.css);
@import url({path}/themes/{theme}/css/00-base/type/fonts.css);

// component style
@import url({path}/themes/{theme}/css/01-elements/input/input.vars.css);
``` -->

<!-- Auto Generated Below -->

Expand Down
Loading