Tabler Admin Template: Xây dựng Dashboard Quản trị đẹp mắt và dễ dàng
Tabler là một UI kit dành cho các ứng dụng web, đặc biệt là các dashboard quản trị, được xây dựng trên nền tảng Bootstrap 5.
Cập nhật lần cuối
<div class="card">
<div class="card-header">
<h5 class="card-title">Card Title</h5>
</div>
<div class="card-body">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div><table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Role</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Doe</td>
<td>Admin</td>
<td><span class="badge bg-success">Active</span></td>
</tr>
<tr>
<td>2</td>
<td>Jane Smith</td>
<td>User</td>
<td><span class="badge bg-danger">Inactive</span></td>
</tr>
</tbody>
</table><canvas id="chart" class="chartjs" width="400" height="200"></canvas>
<script>
var ctx = document.getElementById('chart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May'],
datasets: [{
label: 'Demo Dataset',
data: [10, 20, 30, 40, 50],
borderColor: '#4bc0c0',
fill: false
}]
}
});
</script><form>
<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>