All components
Every example and every state of every page on one page - the fixture the probes shoot in each engine, at each width, in both themes and directions, in forced colors and in print.
Layout
md:span-8md:span-4Utilities
Villa 12, Harbor Road Main Island 00000
Last 30 days
North Bay by speedboat: a day among the forty-two islands of the marine park, with snorkelling at Reef Islet, the emerald lake of Emerald Islet and lunch on the beach, back by five.
Tokens
Icons
Buttons
| class | rest | :hover | :focus-visible | aria-pressed | aria-expanded | disabled | aria-disabled | aria-busy |
|---|---|---|---|---|---|---|---|---|
| btn | ||||||||
| btn-primary | ||||||||
| btn-danger | ||||||||
| btn-outline-primary | ||||||||
| btn-subtle-primary | ||||||||
| btn-subtle-secondary | ||||||||
| btn-subtle-success | ||||||||
| btn-subtle-danger | ||||||||
| btn-subtle-warning | ||||||||
| btn-subtle-info | ||||||||
| btn-text | ||||||||
| btn-link | ||||||||
| btn-close | - | - | - | - |
Button commands
Chips
Menus
Form fields
More
| class | rest | :focus | aria-invalid | readonly | disabled |
|---|---|---|---|---|---|
| form-control | |||||
| form-select | - | ||||
| form-floating |
Input groups
| class | rest | :hover | :focus | aria-invalid | disabled |
|---|---|---|---|---|---|
| input-group | THB |
THB |
THB |
THB |
THB |
Checks, radios and switches
| class | off | checked | indeterminate | :focus-visible | disabled | aria-disabled |
|---|---|---|---|---|---|---|
| check | ||||||
| radio | - | |||||
| switch | - |
Combobox
Nothing found
Nothing found
| class | rest | :hover | :focus-visible | aria-expanded | disabled | aria-invalid |
|---|---|---|---|---|---|---|
| combobox-toggle |
| class | rest | :hover | data-active | aria-selected | aria-disabled |
|---|---|---|---|---|---|
| menu-item |
Inline edit
Excursions
File upload
- contract.pdf
- site-plan.png
lagoon.svg
Choice tiles
Ratings
PIN pad
Repeaters
Editor
Cards
Price
in the base currency THBAdults 2,500 · children 1,900 · under four free.
The visitor's currency is an estimate.
North Bay by speedboat
From 2 500 THB · a day
North Bay
A day at sea: snorkelling at two reefs, lunch on the boat.
Adults 2,500 · children 1,900.
Bookings
128
this week
Revenue
312,400 THB
this week
Tickets
Dispatcher
Running, last beat 4 s ago
Mail queue
Late by 6 minutes
- Online bookingCalendar, deposits, reminders490 THB
- Site and hostingIncluded in every planIncluded
- Main Island
- South Bay
- West Bay
Accordions
What does a day trip include?
Can I cancel a booking?
Are children welcome?
Pickup
What to bring
Prices
History
| class | rest | :hover | :focus-visible | open |
|---|---|---|---|---|
| accordion-item | Pickup07:30 at the pier. |
Pickup07:30 at the pier. |
Pickup07:30 at the pier. |
Pickup07:30 at the pier. |
Carousels
Collapse
A price is per person. Children from four to eleven pay the child price; under four they travel free.
The pier at 08:30, the emerald lake at 11:00, lunch on Emerald Islet, back by 17:00.
| When | What | Details |
|---|---|---|
| 12:40 | 3 excursions | |
| North Bay, Turtle Cove and the sunset cruise, with their photos and reviews. | ||
List groups
- North Bay Marine Park
- Turtle Cove and Pearl Cove
- The Five Islands by kayak
- North Bay Marine Park28
- Turtle Cove11
- The Five Islands3
- Today
- North Bay Marine Park
- Night market and street food
- Tomorrow
- Turtle Cove and Pearl Cove
- Transfer
- Boat
- Lunch
- Park fee
- North Bay Marine Park
- Turtle Cove and Pearl Cove
- The Five Islands by kayak
- Elephant sanctuary
- No excursion has these words.
- The pier
- The emerald lake
- Lunch on the beach
| Move | Item | Amount |
|---|---|---|
| Cement | 12,400 | |
| Steel bars | 38,900 | |
| Labor | 21,000 |
| class | rest | :hover | :focus-visible | aria-current | disabled |
|---|---|---|---|---|---|
| list-group-item-action |
Trees
Message threads
The booking page shows the wrong price
OpenCharts
| Day | Free | Paid | Failed |
|---|---|---|---|
| Nov 1 | 120 | 30 | 4 |
| Nov 2 | 132 | 28 | 2 |
| Nov 3 | 98 | 41 | 6 |
| Nov 4 | 0 | 0 | 0 |
| Nov 5 | 144 | 35 | 3 |
| Nov 6 | 160 | 22 | 1 |
| Nov 7 | 110 | 30 | 9 |
| Nov 8 | 90 | 25 | 2 |
| Nov 9 | 0 | 0 | 0 |
| Nov 10 | 150 | 40 | 5 |
| Nov 11 | 170 | 12 | 0 |
| Nov 12 | 125 | 33 | 4 |
| Nov 13 | 140 | 29 | 3 |
| Nov 14 | 155 | 31 | 2 |
| Day | Site | Partners | Walk-in |
|---|---|---|---|
| Mon | 12 | 5 | 3 |
| Tue | 15 | 6 | 2 |
| Wed | 9 | 8 | 4 |
| Thu | 18 | 4 | 1 |
| Fri | 22 | 9 | 5 |
| Sat | 30 | 12 | 6 |
| Sun | 26 | 10 | 7 |
| Month | Guests |
|---|---|
| Jul | 220 |
| Aug | 280 |
| Sep | 180 |
| Oct | 240 |
| Nov | 340 |
| Dec | 400 |
| Method | Card, 58% | PromptPay, 31% | Cash, 11% |
|---|---|---|---|
| November | 58% | 31% | 11% |
| Source | Bookings | Share |
|---|---|---|
| Search | 182 | 52% |
| Partners | 94 | 27% |
| Social networks | 49 | 14% |
| Other | 25 | 7% |
| Agent | Last 20 runs |
|---|---|
| backup.nightly |
| now18:0021:0000:0003:0006:0009:0012:0015:00 | |
|---|---|
| mail.queue | continuous |
| backup.nightly | |
| fx.rates |
| Agent | Next run |
|---|---|
| mail.queue | Every minute |
| backup.nightly | 02:00 |
| fx.rates | 16:00 |
Calendars
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
Excavator | Excavator | Excavator Scaffold set Concrete mixer +2 more | Generator | |||
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
|---|---|---|---|---|---|---|
- Worked
- Waiting for approval
- Absent
- Open
- Day off
| Equipment | 2Mon | 3Tue | 4Wed | 5Thu | 6Fri | 7Sat | 8Sun |
|---|---|---|---|---|---|---|---|
| Excavator (1) | 1 | 1 | 1 | ||||
| Scaffold set (3) | 2 | 4 | 3 | ||||
| Generator (2) | 1 | 1 |
Media library
Bay tours · 4
Tables
Excursions
3 of 28| Excursion | Price from | Status | Actions | |
|---|---|---|---|---|
| North Bay: marine park by speedboat /excursions/north-bay/ |
2,500 THB | Published | ||
| Elephant sanctuary: feeding and a walk Did not rebuild: a PHP warning in the theme template |
2,600 THB | Failed | ||
| Night market and street food The Thai translation is older than the English |
900 THB | Stale | ||
| Folk dance: an evening at the stadium withdrawn from the sites |
1,500 THB | Withdrawn |
Boats this week
| Boat | Trips | Seats sold |
|---|---|---|
| Boat A | 12 | 286 |
| Boat C | 9 | 201 |
| Boat B | 7 | 164 |
| All boats | 28 | 651 |
| Season | Months | The sea |
|---|---|---|
| Dry | January to April | Calm |
| Hot | May to August | Calm |
| Rainy | September to December | Waves |
| Season | Months | The sea |
|---|---|---|
| Dry | January to April | Calm |
| Hot | May to August | Calm |
| Rainy | September to December | Waves |
| Season | Months | The sea |
|---|---|---|
| Dry | January to April | Calm |
| Hot | May to August | Calm |
| North Bay | 08:00 |
| Turtle Cove | 10:30 |
| Adult | 1,200 |
| Child | 600 |
| The pier | 08:30 |
| The emerald lake | 11:00 |
| Example Resort | 3 | 48,000 |
| Example Cruises | 1 | 9,600 |
| Example Divers | 2 | 21,300 |
| Guest | Seats | Paid |
|---|---|---|
| Boat A2 bookings | ||
| Alex Sample | 2 | 5,000 |
| Ben Sample | 3 | 7,500 |
| Boat A | 5 | 12,500 |
| Boat C1 booking | ||
| Chris Sample | 4 | 10,000 |
| Boat C | 4 | 10,000 |
Seats by day
| Boat | Mon | Tue | Wed | Thu | Fri | Sat | Sun | Week | Last week | Change |
|---|---|---|---|---|---|---|---|---|---|---|
| Boat A | 42 | 38 | 40 | 44 | 46 | 48 | 28 | 286 | 270 | +16 |
| Boat C | 30 | 28 | 27 | 31 | 33 | 35 | 17 | 201 | 214 | -13 |
| Boat B | 22 | 20 | 24 | 23 | 25 | 30 | 20 | 164 | 150 | +14 |
Rates
| Boat | Low | High | Peak | Children | Groups | Agents | Guides | Fuel | Park fee | Insurance | Status |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Boat A | 2,500 | 2,900 | 3,400 | 1,900 | 2,200 | 2,100 | 900 | 300 | 300 | 120 | |
| Boat C | 2,200 | 2,600 | 3,000 | 1,700 | 2,000 | 1,900 | 800 | 280 | 300 | 110 |
| Rebuild the Thai pages | Open on the right |
| Import the price list | Chosen |
| Send the morning letters | Running now |
| Clean the old photos | Waiting |
| Alex Sample Thai, English | 12 tours | |
| Hana Sample Japanese, English | 7 tours |
| row | rest | :hover | ||||
|---|---|---|---|---|---|---|
| tr |
|
|
||||
| tr.table-danger |
|
|
||||
| tr.table-warning |
|
|
||||
| tr.table-secondary |
|
|
Logs and diffs
09:14:02 Import started: excursions.csv, 128 rows 09:14:02 Columns: title, price, date, seats, language 09:14:02 Row 1-20 read 09:14:02 Row 21-40 read 09:14:03 Row 41: no price, set to 0 09:14:03 Row 42-60 read 09:14:03 Row 61-90 read 09:14:04 Row 91: the date 2026-02-30 does not exist, skipped 09:14:04 Row 92-128 read 09:14:05 127 excursions imported, 1 skipped
Summaries and totals
Booking 24-0187
- Excursion
- North Bay: marine park by speedboat
- Date
- 14 December 2026, 08:30
- Guests
- 2 adults, 1 child
- Pickup
- East beach, the hotel's lobby
- 2 adults × 2,500 THB
- 5,000 THB
- 1 child × 1,500 THB
- 1,500 THB
- Discount, early booking
- -650 THB
- To pay
- 5,850 THB
Badges
North Bay Stale
Dots
Avatars
Icon tiles
Excursions
Content type · 28 items
Stat tiles
QR codes
Ticking times
The backup has been running for .
The last message came ; the next tour leaves .
Steps and timelines
Publishing the site
01:42- Check the templates84 pages
- Resize the images2 failed, the old ones kept
- Write the pages31 of 84
- Rebuild the sitemap
- Clear the CDN
- Download4.6 MB
- Compare every file with the release2,126 files
- Apply the changesmatched 2,126 · fetched 14 · 4.6 MB · 2 migrations · 1 seed
- Check the schemaClean
- Switch to the new version
- Copy the files2,140 files
- Check the links3 broken
- Point the domain here
Set the A record of lagoon.example to 203.0.113.24 at your registrar, then check it.
- Issue the certificateafter the domain
- Import the old commentsskipped
- Switch off the old sitean owner's step
- Build2 min 14 s
- Test412 of 580 checks
- ApproveAn owner signs off
- DeployAfter the approval
- Download4.6 MB
- InstallWaits for your press
- VerifyAfter the install
- Invoice issued
- Amount
- 12,500 THB
- Due
- November 9
- Reminder sent
- Paid by PromptPay
- Reference
- PP-88214
Empty states
An excursion is a page with a price, a schedule and a booking form.
| class | rest | :hover |
|---|---|---|
| empty-state-drop |
Placeholders
Prose
A day at North Bay
The boat leaves the pier at eight and is back before sunset. Lunch is on the beach, and the water is calm from December to April.
What to bring
- Shoes for the climb to the lookout
- A hat and water
- Cash for the park fee
The emerald lake is a short walk from the beach.
The booking code is ANG-0812; show it at the pier.
Dialogs
Drawers
Popovers
Tooltips
Image viewer
Alerts
“North Bay by speedboat” fits the 60 characters search results show.
Toasts
Spinners
Progress and meters
Busy
Bookings this week
128
bookings, 312,400 THB
| element | rest | aria-busy |
|---|---|---|
| card | 128 bookings |
128 bookings |
| btn |
Save bar
Status lines
Selection bar
Navs and tabs
Navbars
Breadcrumbs
Pagination
Steppers
- Choose a tour
- Pick a date
- Guests
- Payment
- Upload the file
- Match the columns
- Check the rows
- Import
| class | the first step | a middle step | the last step |
|---|---|---|---|
| stepper |
|
|
|
Command palette
App shell
| class | rest | :hover | :focus-visible | aria-current |
|---|---|---|---|---|
| app-link |